/*!/wp-content/themes/studiare-child/style.css*//*
Theme Name:   Studiare Child (EconClinic)
Description:  Signature Edition - WCAG AA / RTL Safe / GPU Optimized
Template:     studiare
Version:      13.1.0 (Stable Production Build)
*/

/* =====================================================
   0. DESIGN TOKENS
===================================================== */
:root {
    /* Brand */
    --brand-primary: #07294d;
    --brand-dark: #0A0830;
    --brand-accent: #ffc600;
    --brand-link: #3366FF;

    /* Text */
    --text-body: #333;
    --text-light: #6b6c6d;

    /* Background */
    --bg-white: #fff;
    --bg-light: #f9f9f9;

    /* Borders */
    --border: #eaeaea;
    --border-light: #f3f3f3;

    /* Status */
    --success: #00ab35;
    --danger: #cc1818;

    /* Shadow */
    --shadow-soft: 0 8px 20px rgba(0, 0, 0, .06);

    /* Typography */
    --font-main: 'IRANYekanX FaNum', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* =====================================================
   1. RESET + ACCESSIBILITY
===================================================== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    line-height: 1.7;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-main);
    background: var(--bg-white);
    color: var(--text-body);
    -webkit-font-smoothing: antialiased;
    /* text-rendering removed for performance on Persian text */
}

::selection {
    background: var(--brand-primary);
    color: #fff;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--brand-accent);
    outline-offset: 3px;
}

/* =====================================================
   2. TYPOGRAPHY
===================================================== */
@font-face{font-family:'IRANYekanX FaNum';src:local('IRANYekanX FaNum'), local('IRANYekanX-FaNum'),
url('/wp-content/themes/studiare-child/assets/fonts/webfonts/IRANYekanXFaNum-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}

@font-face{font-family:'IRANYekanX FaNum';src:local('IRANYekanX FaNum Bold'), local('IRANYekanX-FaNum-Bold'),
url('/wp-content/themes/studiare-child/assets/fonts/webfonts/IRANYekanXFaNum-Bold.woff2') format('woff2');font-weight:700;font-display:swap;}

/* Fallback for Studiare specific font class */
@font-face{font-family:'sciranyekan';src:local('IRANYekanX FaNum'), local('IRANYekanX-FaNum'),
url('/wp-content/themes/studiare-child/assets/fonts/webfonts/IRANYekanXFaNum-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}

@font-face{font-family:'sciranyekan';src:local('IRANYekanX FaNum Bold'), local('IRANYekanX-FaNum-Bold'),
url('/wp-content/themes/studiare-child/assets/fonts/webfonts/IRANYekanXFaNum-Bold.woff2') format('woff2');font-weight:700;font-display:swap;}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--brand-primary);
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: .8rem;
}

p {
    line-height: 1.9;
    margin-bottom: 1.5rem;
}

/* =====================================================
   3. COURSE CARD
===================================================== */
.course-item {
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    border-radius: 14px;
    transition: transform .25s ease, box-shadow .25s ease;
    will-change: transform;
}

@media (hover:hover) {
    .course-item:hover {
        transform: translateY(-4px);
        box-shadow: var(--shadow-soft);
    }
}

/* Price */
.course-price ins,
.course-price ins .amount {
    color: var(--success);
    font-weight: 700;
    text-decoration: none;
}

.course-price del,
.course-price del .amount {
    color: var(--danger);
    opacity: .75;
}

/* =====================================================
   4. BLOG CONTENT
===================================================== */
.blog-main-loop .entry-content {
    font-size: 1.05rem;
}

blockquote {
    background: rgba(255, 198, 0, .12);
    border-right: 4px solid var(--brand-primary);
    padding: 1.5rem;
    border-radius: 0 10px 10px 0;
    margin: 2rem 0;
    font-weight: 600;
}

/* Responsive iframe */
.entry-content iframe,
.elementor-widget-shortcode iframe {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 16px;
    box-shadow: var(--shadow-soft);
}

/* =====================================================
   5. OWL CAROUSEL SAFE OVERRIDE (Related Posts)
===================================================== */

/* Remove ALL overlays, masks, shapes and SVG curves safely */
body .owl-carousel .studi_blog_card_img_block::before,
body .owl-carousel .studi_blog_card_img_block::after,
body .owl-carousel .studi_blog_card_img_block .studi_overlay,
body .owl-carousel .studi_blog_card_img_block .overlay,
body .owl-carousel .studi_blog_card_img_block svg,
body .owl-carousel .studi_blog_card_img_block .shape-divider {
    content: none;
    display: none;
    opacity: 0;
    visibility: hidden;
}

/* Card Wrapper */
body .owl-carousel .studi_blog_card {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--border-light);
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}

@media (hover:hover) {
    body .owl-carousel .studi_blog_card:hover {
        transform: translateY(-4px);
        box-shadow: var(--shadow-soft);
    }
}

/* Image Container - Ensure sharp corners & no native filters */
body .owl-carousel .studi_blog_card_img_block {
    margin: 0;
    padding: 0;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
}

body .owl-carousel .studi_blog_card img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    filter: none;
    -webkit-filter: none;
    mix-blend-mode: normal;
}

/* Text Container */
body .owl-carousel .studi_blog_card_text_block {
    padding: 20px;
    text-align: right;
    display: flex;
    flex-direction: column;
}

body .owl-carousel .studi_blog_card_text_block h3,
body .owl-carousel .studi_blog_card_text_block .post-title {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 15px;
}

body .owl-carousel .studi_blog_card_text_block a,
body .owl-carousel .studi_blog_card_text_block a.read-more {
    color: var(--brand-link);
    text-decoration: none;
    transition: color .2s ease;
}

body .owl-carousel .studi_blog_card_text_block a:hover,
body .owl-carousel .studi_blog_card_text_block a.read-more:hover {
    color: var(--brand-primary);
}

/* =====================================================
   6. SIDEBAR
===================================================== */
.widget ul,
.sidebar_shop ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget ul li,
.sidebar_shop ul li {
    border-bottom: 1px solid var(--border-light);
}

.widget ul li:last-child,
.sidebar_shop ul li:last-child {
    border-bottom: none;
}

.widget ul li a,
.sidebar_shop ul li a {
    display: block;
    padding: 12px 5px;
    color: var(--text-body);
    text-decoration: none;
    transition: transform .2s ease, color .2s ease;
}

@media (hover:hover) {

    .widget ul li a:hover,
    .sidebar_shop ul li a:hover {
        color: var(--brand-primary);
        transform: translateX(6px);
    }

    .rtl .widget ul li a:hover,
    .rtl .sidebar_shop ul li a:hover {
        transform: translateX(-6px);
    }
}

/* =====================================================
   7. PERFORMANCE + MOTION
===================================================== */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}

/* Prevent layout shift before Owl loads */
.owl-carousel:not(.owl-loaded) {
    display: flex;
    min-height: 250px;
    overflow: hidden;
    gap: 20px;
}

/* =====================================================
   8. PRINT
===================================================== */
@media print {

    .header,
    .footer,
    .sidebar,
    .btn-group-share {
        display: none;
    }

    body {
        background: #fff;
        color: #000;
    }

    a[href]::after {
        content: " ("attr(href) ")";
        font-size: .8em;
    }
}

/* =====================================================
   9. FIX: HIDE DUPLICATE ELEMENTOR COMMENTS
===================================================== */
.elementor-widget-theme-post-comments,
#comments.comments-area:not(.studi-comments-area),
.post-single>#comments:first-of-type {
    display: none !important;
}