/*
Theme Name: Child Theme
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/
#masthead { transition: all 0.3s ease; }
.sticky { position:fixed !important; top:0; width:100%; z-index:9999 !important; background:#fff; box-shadow:2px 2px 4px rgba(0,0,0,0.2); }
.or-list { padding:0 0 0 18px; }
.elementor-widget .elementor-icon-list-icon { top:4px!important; }
.over-hidden { overflow:hidden; }

/* Home Page */
.explore { display:block; margin-top:20px; }
.category-block { overflow:hidden; }
.category-block .elementor-image-box-content { padding:24px; }
#social-icon .elementor-social-icon {background-color:transparent;}
#social-icon .elementor-social-icon svg {fill:none;}
body a {background-color: transparent;color: #12A89D;text-decoration: none;}

/* Add your custom styles here */
/* .woocommerce-cart #content { padding-top:20px; padding-bottom:40px; } */
.woocommerce-product-details__short-description { margin-bottom:40px; }
.woocommerce-cart h1.entry-title { margin-bottom:20px; }
.woocommerce-MyAccount-content { margin-bottom:40px; }
/* end */

/* faq style */
.elementor-widget-n-accordion .e-n-accordion-item { border-bottom:2px solid #eee; margin-bottom:5px;}


/** Button Override **/
button[name="apply_coupon"],button[name="update_cart"],button[name="save_account_details"],button[name="login"],button[name="register"],form.lost_reset_password button[type="submit"],form#commentform input[type="submit"], .woocommerce-address-fields .button,
.button { background:#12A89D !important;color:#fff !important; padding:11px 25px !important;border-radius:25px !important;font-size:15px!important; text-transform:uppercase !important; transition:all 0.3s ease; }

button[name="apply_coupon"]:hover,button[name="update_cart"]:hover,button[name="save_account_details"]:hover,button[name="login"]:hover,button[name="register"]:hover,form.lost_reset_password button[type="submit"]:hover,form#commentform input[type="submit"]:hover, .woocommerce-address-fields .button:hover, .button:hover { background:#12A89D !important; box-shadow:0 20px 38px rgba(0,0,0,0.16);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-transform:translateY(-3px); }

.wc-proceed-to-checkout .checkout-button, #place_order, .woocommerce-message a.button.wc-forward, .woocommerce-button.button.view, .woocommerce-info>a.button.wc-forward { transition:all 0.3s ease;
    background:#12A89D !important;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 25px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.wc-proceed-to-checkout .checkout-button:hover,#place_order:hover,.woocommerce-message a.button.wc-forward:hover, .woocommerce-button.button.view:hover, .woocommerce-info>a.button.wc-forward:hover { background:#12A89D !important; box-shadow:0 20px 38px rgba(0,0,0,0.16);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-transform:translateY(-3px); }
/** End **/

/** Coupan section **/
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { padding:20px 0; }
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width:200px; }
/** end **/

/** Cart tottal section **/
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td { padding:14px; }
/* end */


/* ---------- Addresses Section ---------- */
.woocommerce-Addresses { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 20px;}
.woocommerce-Address { flex:1; background:#fff; border:1px solid #eee; border-radius:10px; padding: 25px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
.woocommerce-Address-title h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: 10px;}
.woocommerce-Address-title a { font-size: 0.95rem; color: #12A89D; text-decoration: underline; font-weight: 500; }
.woocommerce-Address address { font-style: normal; line-height: 1.6; color: #444; margin-top: 10px; }

/* Sidebar Navigation (Dashboard, Orders, etc.) */
.woocommerce-MyAccount-navigation { flex: 0 0 300px; background: #fafafa; border: 1px solid #eee; border-radius: 10px; padding: 20px; margin-bottom:40px;}
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0;}
.woocommerce-MyAccount-navigation li { margin-bottom: 12px; }
.woocommerce-MyAccount-navigation li a { display: block; color: #000; font-weight: 500; text-decoration: none; padding: 10px 15px; border-radius: 6px; transition: all 0.2s ease; background: #fff; }
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover { background-color: #12A89D ; color: #fff; }
.elementor-element-9cb9a19 { line-height:1;}
.checkout_coupon.woocommerce-form-coupon { display: flex; gap: 10px; align-items: flex-end; }
.checkout_coupon.woocommerce-form-coupon .form-row { flex: 1; width: 76%; }
.checkout_coupon.woocommerce-form-coupon .form-row-last { flex: 0 0 auto; }

button[name="update_cart"]{position: relative; top: 20px;}
button[name="save_account_details"] {top:10px;}
.woocommerce-cart-form .product-thumbnail a>img { display:block; margin:0 auto; width:100px;}

/* ============================
   Universal Full-Width Header
=============================== */
body.page-id-36 .page-header,
body.woocommerce-cart .page-header,
body.woocommerce-checkout .page-header,
body.woocommerce-order-received .page-header,
body.woocommerce-page .page-header {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    margin-left: -50vw !important;
    background-color: #12A89D !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important; 
    height: 120px !important;
    padding: 0 !important;
    border: none !important;
    margin-top: 0 !important;
    margin-bottom: 40px !important;
    box-sizing: border-box !important;
    z-index: 1;
}

/* ============================
   Universal WooCommerce Titles
=============================== */
body.page-id-36 .page-header .entry-title,
body.woocommerce-cart .page-header .entry-title,
body.woocommerce-checkout .page-header .entry-title,
body.woocommerce-order-received .page-header .entry-title,
body.woocommerce-page .page-header .entry-title,
body.woocommerce-cart h1,
body.woocommerce-checkout h1,
body.woocommerce-order-received h1,
body.woocommerce-order-received .woocommerce-notice {
    color: #fff !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

#schuduleConsultation .elementor-image-box-wrapper .elementor-image-box-content{ padding:70px;}
.imgzoom {transition: all 0.3s ease-in-out;}
.imgzoom:hover{transform: scale(1.25);}

/* ---------- GLOBAL ---------- */
/* ===== CASE META HEADER ===== */

.case-meta-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    padding: 40px 20px;
    max-width:1280px; margin:auto;    
}

.case-meta-left {
    max-width: 70%;
}

.back-link {
    display: inline-block;
    margin-bottom: 16px;
    color: #475569;
    font-size: 14px;
    text-decoration: none;
}

.back-link:hover {
    text-decoration: underline;
}

.case-category {
    display: inline-block;
    background: #0f172a;
    color: #ffffff;
    padding:2px 20px;
    border-radius: 999px;
    font-size: 14px;
}

.case-excerpt {
    font-size: 20px;
    line-height: 1.6;
    color: #475569;
}

/* Right Actions */

.case-meta-right {
    display: flex;
    gap: 16px;
}

.case-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 12px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #e5e7eb;
    color: #0f172a;
    background: #ffffff;
}

.case-action:hover {
    background: #f8fafc;
}

.case-section {
    max-width: 1200px;
    margin: 0 auto 48px;
    padding: 0 20px;
}

.case-section h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #111827;
}

.case-section h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #111827;
}

.section-content {
    font-size: 15px;
    line-height: 1.7;
    color: #374151;
}

.case-hero {
    max-width: 1280px;
    margin: 0 auto 40px;
    padding: 0 20px;
}

.case-hero-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
    max-height:515px;  
}

.case-title {
    font-size: 28px !important;
    font-weight: 500 !important;
    margin-top: 20px; margin-bottom:10px;
    color: #111827;
}

.executive-summary,
.business-objectives,
.challenge,
.strategic-approach,
.solution {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 24px;
}

/* ---------- TWO COLUMN LAYOUT ---------- */
.case-study-layout {
    display: grid;
    grid-template-columns: 2.2fr 1fr;
    gap: 32px;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

.measurable-results {
    background: #f9fafb;
    border-radius: 14px;
    padding: 24px;
    border: 1px solid #e5e7eb;
}

.measurable-results p { font-size: 36px;
    color:#12A89D;
    line-height: 1.4;
    font-weight: 600;     border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
    margin-bottom: 15px; }
.measurable-results p:last-child { border:none; }

.measurable-results h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

.measurable-results ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.measurable-results li {
    margin-bottom: 18px;
}

.measurable-results strong {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #2563eb;
}

.measurable-results span {
    font-size: 13px;
    color: #6b7280;
display:block
}

.operational-impact {
    background: #ffffff;
    border-radius: 14px;
    padding: 24px;
    border: 1px solid #e5e7eb;
}

.operational-impact ul {
    list-style: none;
    padding: 0;
}

.operational-impact li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    font-size: 14px;
}

.operational-impact li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #16a34a;
    font-weight: 700;
}

.solution-highlights {
    background: #eff6ff;
    border-radius: 12px;
    padding: 20px;
}

.solution-highlights ul {
    list-style: none;
    padding: 0;
}

.solution-highlights li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
}

.solution-highlights li::before {
    content: "●";
    position: absolute;
    left: 0;
    color: #2563eb;
    font-size: 10px;
    top: 6px;
}

.project-outcomes {
    background: #f9fafb;
    border-radius: 14px;
    padding: 24px;
    border: 1px solid #e5e7eb;
}

.project-outcomes ul {
    list-style: none;
    padding: 0;
}

.project-outcomes li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    font-size: 14px;
}

.project-outcomes li::before {
    content: "●";
    position: absolute;
    left: 0;
    color: #2563eb;
    font-size: 10px;
    top: 6px;
}


/* ---------- TESTIMONIAL ---------- */

.testimonial-section {
    background: #ffffff;
}

.testimonial-card {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    padding: 40px 40px 35px;
    background: #f8fbff;
    border-radius: 16px;
    border: 1px solid #e3ebf5;
}

.testimonial-accent {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 6px;
    background: #12A89D;
    border-radius: 16px 0 0 16px;
}

.testimonial-title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #0f172a;
}

.testimonial-text {
    font-style: italic;
    font-size: 18px;
    line-height: 1.7;
    color: #334155;
    margin-bottom: 30px;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 15px;
}

.author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background:#12A89D;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.author-info strong {
    display: block;
    color: #0f172a;
}

.author-info span {
    font-size: 14px;
    color: #64748b;
}


/* ---------- CTA ---------- */

.cta-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #1f5eff, #0047ff);
    color: #ffffff;
    border-radius: 24px;
    margin:50px 0;
}

.cta-container {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.cta-container h2 {
    font-size: 32px;
    margin-bottom: 15px;
}

.cta-container p {
    font-size: 18px;
    opacity: 0.9;
    margin-bottom: 35px;
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.btn {
    padding: 14px 28px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-primary {
    background: #ffffff;
    color: #1f5eff;
}

.btn-primary:hover {
    background: #e6ecff;
}

.btn-outline {
    border: 2px solid #ffffff;
    color: #ffffff;
}

.btn-outline:hover {
    background: rgba(255,255,255,0.15);
}


/** case study listing **/
.case-filters {
    display: flex;
    gap: 16px;
    margin-bottom: 30px;
}

.case-filters select {
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.case-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    gap: 24px;
}

.case-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.case-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.case-card-body {
    padding: 20px;
}

.case-tags span {
    background: #f4f4f4;
    color: #12A89D; font-weight:500;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}

.case-highlight {
    background: #f1f5ff;
    padding: 10px;
    border-radius: 8px;
    font-size: 14px;
    margin: 12px 0;
}

.case-link {
    font-weight: 600;
    color:#12A89D;
}


@media (max-width: 992px) {
    .case-study-layout {
        grid-template-columns: 1fr;
    }
}

.case-section + .case-section {
    margin-top: 32px;
}

.section-content p:last-child {
    margin-bottom: 0;
}


@media(max-width:768px){
	.reverse-order { flex-direction:column-reverse !important; }
	.case-meta-header { flex-direction:column; }
    .case-meta-left { max-width: 100%; }
}