/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* ===== عام ===== */
.page-header, .entry-title { display: none !important; }
.site-main, #primary, .content-area { margin-top: 0 !important; padding-top: 0 !important; }
body:not(.elementor-editor-active) { background-color: #e0e0e0 !important; }

/* ===== HEADER ===== */
.elementor-location-header {
    margin: 0 24px !important;
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    overflow: visible !important;
    z-index: 9999 !important;
}
[data-id="topbar"] { background-color: #1B4332 !important; }
[data-id="mainnav"] { background: linear-gradient(135deg, #2D6A4F 0%, #40916C 100%) !important; }
[data-id="mn-logo"] { width: 20% !important; }
[data-id="mn-nav"] { width: 60% !important; justify-content: center !important; }
[data-id="mn-btn"] { width: 20% !important; justify-content: flex-end !important; }
[data-id="mainnav"] .elementor-nav-menu .elementor-item { font-size: 14px !important; padding: 0 10px !important; }
.elementor-nav-menu--dropdown { background-color: #1B4332 !important; z-index: 99999 !important; position: absolute !important; }
.elementor-nav-menu--dropdown li a { color: rgba(255,255,255,0.9) !important; }
.elementor-nav-menu--dropdown li a:hover { color: #E9C46A !important; }
[data-id="mainnav"] .elementor-nav-menu--indicator { color: #E9C46A !important; opacity: 1 !important; visibility: visible !important; }

/* ===== FOOTER ===== */
footer.elementor-location-footer {
    margin: 6px 24px 0 !important;
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
}
[data-id="footer-wrap"] { background: linear-gradient(135deg, #1B4332 0%, #2D6A4F 100%) !important; }

/* ===== كيرف + padding — الصفحات الحالية والمستقبلية ===== */
body:not(.elementor-editor-active) .elementor:not(.elementor-location-header):not(.elementor-location-footer) > .e-con,
body:not(.elementor-editor-active) .elementor:not(.elementor-location-header):not(.elementor-location-footer) > .elementor-section {
    border-radius: 32px !important;
    margin-left: 24px !important;
    margin-right: 24px !important;
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    margin-top: 6px !important;
}

/* أول سكشن بدون margin-top */
body:not(.elementor-editor-active) .elementor:not(.elementor-location-header):not(.elementor-location-footer) > .e-con:first-child,
body:not(.elementor-editor-active) .elementor:not(.elementor-location-header):not(.elementor-location-footer) > .elementor-section:first-child {
    margin-top: 0 !important;
}

/* ===== فاصل بين الهيدر وأول سكشن ===== */
body:not(.elementor-editor-active) .elementor:not(.elementor-location-header):not(.elementor-location-footer) > .e-con:first-child,
body:not(.elementor-editor-active) .elementor:not(.elementor-location-header):not(.elementor-location-footer) > .elementor-section:first-child {
    margin-top: 6px !important;
}

/* ===== NUTR Components ===== */
.nutr-hero {
    background-color: #1B4332;
    min-height: 45vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 60px;
    gap: 16px;
    text-align: center;
}
.nutr-badge-dark {
    background: rgba(233,196,106,.15);
    border: 1px solid rgba(233,196,106,.4);
    color: #E9C46A;
    padding: 6px 20px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    font-family: Tajawal, sans-serif;
    display: inline-block;
    margin-bottom: 8px;
}
.nutr-hero h1 {
    color: #FFFFFF;
    font-family: Tajawal, sans-serif;
    font-size: 48px;
    font-weight: 800;
    margin: 0;
}
.nutr-hero .nutr-subtitle {
    color: rgba(255,255,255,0.75);
    font-family: Tajawal, sans-serif;
    font-size: 16px;
    margin: 0;
}

/* ===== Hero ===== */
.nutr-hero {
    background: #1B4332 !important;
    min-height: 45vh;
}
.nutr-hero .elementor-heading-title { color: #FFFFFF !important; }
.nutr-hero .nutr-subtitle .elementor-heading-title { color: rgba(255,255,255,0.75) !important; font-size: 16px !important; }

/* ===== Badge ===== */
.nutr-badge-dark .elementor-heading-title {
    background: rgba(233,196,106,.15);
    border: 1px solid rgba(233,196,106,.4);
    color: #E9C46A !important;
    padding: 6px 20px;
    border-radius: 999px;
    font-size: 13px !important;
    font-weight: 600;
    display: inline-block;
}
.nutr-badge-light .elementor-heading-title {
    background: #D8F3DC;
    border: 1px solid #74C69D;
    color: #1B4332 !important;
    padding: 6px 18px;
    border-radius: 999px;
    font-size: 13px !important;
    font-weight: 600;
    display: inline-block;
}

/* ===== Academic Cards ===== */
.nutr-card-academic {
    border-radius: 24px !important;
    padding: 40px 30px !important;
    text-align: center;
}
.nutr-card-academic.card-1 { background: #2D6A4F !important; }
.nutr-card-academic.card-2 { background: #1B4332 !important; }
.nutr-card-academic .elementor-heading-title { color: #FFFFFF !important; }
.nutr-card-academic .nutr-card-year .elementor-heading-title {
    background: #E9C46A;
    color: #5c3d00 !important;
    padding: 4px 16px;
    border-radius: 999px;
    font-size: 13px !important;
    font-weight: 700;
    display: inline-block;
}
.nutr-card-academic .nutr-card-inst .elementor-heading-title {
    color: rgba(255,255,255,0.75) !important;
    font-size: 14px !important;
}
.nutr-card-academic .elementor-widget-image img {
    width: 90px !important;
    height: 90px !important;
    object-fit: cover;
    border-radius: 12px;
    border: 2px solid rgba(255,255,255,0.2);
}


/* ===== Badges ===== */
.nutr-badge-dark .elementor-heading-title {
    background: rgba(233,196,106,.15);
    border: 1px solid rgba(233,196,106,.4);
    color: #E9C46A;
    padding: 6px 20px;
    border-radius: 999px;
    font-size: 13px !important;
    font-weight: 600;
    display: inline-block;
}
.nutr-badge-light .elementor-heading-title {
    background: #D8F3DC;
    border: 1px solid #74C69D;
    color: #1B4332;
    padding: 6px 18px;
    border-radius: 999px;
    font-size: 13px !important;
    font-weight: 600;
    display: inline-block;
}
.nutr-badge-year .elementor-heading-title {
    background: #E9C46A;
    color: #5c3d00;
    padding: 4px 14px;
    border-radius: 999px;
    font-size: 12px !important;
    font-weight: 700;
    display: inline-block;
}
.nutr-badge-cat .elementor-heading-title {
    background: #D8F3DC;
    color: #2D6A4F;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px !important;
    font-weight: 600;
    display: inline-block;
}

/* ===== Practical Cards Filter ===== */
.nutr-prac-card { transition: opacity .25s; }
.nutr-prac-card.hidden { display: none !important; }
.nutr-tab-btn .elementor-button { border: 1.5px solid #2D6A4F !important; background: transparent !important; color: #2D6A4F !important; }
.nutr-tab-btn.active .elementor-button { background: #2D6A4F !important; color: #fff !important; }


/* ===== Year Badge ===== */
.nutr-badge-year .elementor-heading-title {
    background: #E9C46A !important;
    color: #5c3d00 !important;
    padding: 3px 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-block !important;
}



/* ===== Badge Fix — على النص فقط ===== */
.nutr-badge-dark,
.nutr-badge-light {
    display: flex !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.nutr-badge-dark .elementor-heading-title {
    background: rgba(233,196,106,.15) !important;
    border: 1px solid rgba(233,196,106,.4) !important;
    color: #E9C46A !important;
    padding: 6px 20px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    width: auto !important;
}
.nutr-badge-light .elementor-heading-title {
    background: #D8F3DC !important;
    border: 1px solid #74C69D !important;
    color: #1B4332 !important;
    padding: 6px 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    width: auto !important;
}

/* ===== Badge Fix ===== */
.nutr-badge-dark, .nutr-badge-light {
    display: flex !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.nutr-badge-dark .elementor-heading-title {
    background: rgba(233,196,106,.15) !important;
    border: 1px solid rgba(233,196,106,.4) !important;
    color: #E9C46A !important;
    padding: 6px 20px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    width: auto !important;
}
.nutr-badge-light .elementor-heading-title {
    background: #D8F3DC !important;
    border: 1px solid #74C69D !important;
    color: #1B4332 !important;
    padding: 6px 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    width: auto !important;
}

/* ===== Stat Card ===== */
.nutr-stat-card .elementor-icon-box-icon i {
    color: #2D6A4F !important;
}
.nutr-stat-card .elementor-icon-box-title {
    border-bottom: 2px solid #E9C46A;
    padding-bottom: 8px;
    margin-bottom: 8px;
    display: inline-block;
}

/* ===== Icon Box — Stats ===== */
#stats-section .elementor-icon-box-wrapper {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 28px 20px;
    text-align: center;
}
#stats-section .elementor-icon-box-icon i {
    color: #2D6A4F !important;
    font-size: 32px !important;
}
#stats-section .elementor-icon-box-title {
    color: #2D6A4F !important;
    font-size: 36px !important;
    font-weight: 800 !important;
}
#stats-section .elementor-icon-box-description {
    color: #1B4332 !important;
    font-size: 14px !important;
}

/* ===== Icon Box — Services ===== */
#services-section .elementor-icon-box-wrapper {
    background: #F0F7F4;
    border: 1px solid #D8F3DC;
    border-radius: 16px;
    padding: 24px;
    height: 100%;
    text-align: right;
}
#services-section .elementor-icon-box-icon i {
    color: #2D6A4F !important;
}
#services-section .elementor-icon-box-title {
    color: #1B4332 !important;
    font-weight: 700 !important;
}
#services-section .elementor-icon-box-description {
    color: #40916C !important;
    font-size: 13px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== Stats Section ===== */
[data-id="stats-section"] .elementor-icon-box-wrapper {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 28px 20px !important;
    text-align: center !important;
}
[data-id="stats-section"] .elementor-icon-box-icon i {
    color: #2D6A4F !important;
    font-size: 32px !important;
}
[data-id="stats-section"] .elementor-icon-box-title span {
    color: #2D6A4F !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    font-family: Tajawal, sans-serif !important;
}
[data-id="stats-section"] .elementor-icon-box-description {
    color: #1B4332 !important;
    font-size: 14px !important;
    font-family: Tajawal, sans-serif !important;
}

/* ===== Services Section ===== */
[data-id="services-section"] .elementor-icon-box-wrapper {
    background: #F0F7F4 !important;
    border: 1px solid #D8F3DC !important;
    border-radius: 16px !important;
    padding: 24px !important;
    height: 100% !important;
    text-align: right !important;
}
[data-id="services-section"] .elementor-icon-box-icon i {
    color: #2D6A4F !important;
    font-size: 28px !important;
}
[data-id="services-section"] .elementor-icon-box-title span {
    color: #1B4332 !important;
    font-weight: 700 !important;
    font-family: Tajawal, sans-serif !important;
}
[data-id="services-section"] .elementor-icon-box-description {
    color: #40916C !important;
    font-size: 13px !important;
    font-family: Tajawal, sans-serif !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* ===== Services — center content ===== */
[data-id="services-section"] .elementor-icon-box-wrapper {
    justify-content: center !important;
    align-items: center !important;
}
[data-id="services-section"] .elementor-icon-box-content {
    text-align: center !important;
}

/* ===== Stats — fix background on widget wrap ===== */
[data-id="stats-section"] .elementor-widget-icon-box {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 28px 20px !important;
}
[data-id="stats-section"] .elementor-icon-box-wrapper {
    background: transparent !important;
    padding: 0 !important;
}