/*
Theme Name: Dinner Child Theme (Fixed RTL + Typography)
Template: oceanwp
*/

/* Fonts */
@font-face {
    font-family: 'Cafe';
    src: url('fonts/Cafe.ttf') format('truetype');
}
@font-face {
    font-family: 'KtavYadCLM Medium Italic';
    src: url('fonts/KtavYadCLM-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Gveret Levin';
    src: url('fonts/GveretLevinAlefAlefAlef-Regular.woff') format('woff');
}

/* Body */
body {
    direction: rtl;
    font-family: 'Gveret Levin', sans-serif !important;
    font-size: 18px;
    line-height: 1.6;
    background-color: inherit !important;
}

/* Paragraphs */
p, .elementor-widget-text-editor p {
    font-family: 'Gveret Levin', sans-serif !important;
    font-size: 18px 
    letter-spacing: 0.7px;
    color: inherit !important;
    direction: rtl;
    
}

/* Headings: General */
h1, h2, h3, h4, h5, h6 {
    direction: rtl;
    
  /*  color: inherit !important;*/
}
h1 {
    font-family: 'Cafe', sans-serif !important;
    font-size: 48px  
    letter-spacing: 1px;
}
h2 {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 42px 
    letter-spacing: 0.7px;
}
h3 {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 36px 
    letter-spacing: 0.6px;
}
h4 {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 30px 
    letter-spacing: 0.5px;
}
h5 {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 24px 
    letter-spacing: 0.4px;
}
h6 {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 20px 
    letter-spacing: 0.3px;
}

/* Elementor Headings */
.elementor-widget-heading h1,
.elementor-widget-text-editor h1 {
    font-family: 'Cafe', sans-serif !important;
    font-size: 48px
    letter-spacing: 1px;
    direction: rtl;
    
    color: inherit !important;
}
.elementor-widget-heading h2,
.elementor-widget-text-editor h2 {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 42px 
    letter-spacing: 0.7px;
    direction: rtl;
    
    color: inherit !important;
}
.elementor-widget-heading h3,
.elementor-widget-text-editor h3 {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 36px 
    letter-spacing: 0.6px;
    direction: rtl;
    
    color: inherit !important;
}
.elementor-widget-heading h4,
.elementor-widget-text-editor h4 {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 30px 
    letter-spacing: 0.5px;
    direction: rtl;
    
    color: inherit !important;
}
.elementor-widget-heading h5,
.elementor-widget-text-editor h5 {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 24px 
    letter-spacing: 0.4px;
    direction: rtl;
    
    color: inherit !important;
}
.elementor-widget-heading h6,
.elementor-widget-text-editor h6 {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 20px 
    letter-spacing: 0.3px;
    direction: rtl;
    
    color: inherit !important;
}

/* Buttons */
button, .elementor-button {
    font-family: 'KtavYadCLM Medium Italic', cursive !important;
    font-size: 16px 
    direction: rtl;
    
    padding: 12px 24px;
    border-radius: 20px;
    /* background-color: inherit !important;
    color: inherit !important;*/
    border: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}
button:hover, .elementor-button:hover {
    background-color: #eee;
    color: #333;
}

/* Emphasis */
.elementor-widget-text-editor em,
.elementor-widget-heading em {
    font-family: 'KtavYadCLM Medium Italic', cursive;
    font-size: 18px;
    color: inherit;
    direction: rtl;
}

/* Inputs */
input[type="text"],
input[type="email"],
textarea {
    direction: rtl;
    text-align: right;
    color: #000;
    background-color: #fff;
}

/* Links */
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Responsive: Mobile */
@media (max-width: 768px) {
    h1 { font-size: 32px  }
    h2 { font-size: 28px  }
    h3 { font-size: 24px  }
    h4 { font-size: 20px  }
    h5 { font-size: 18px  }
    h6 { font-size: 16px  }
}

/* Responsive: Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
    h1 { font-size: 42px  }
    h2 { font-size: 36px  }
    h3 { font-size: 30px  }
    h4 { font-size: 26px  }
    h5 { font-size: 22px  }
    h6 { font-size: 18px  }
}

/* Box sizing */
* {
    box-sizing: border-box;
}