/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* ── WC NOTICES GLOBAL ──────────────────────────────────── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    border-top: none !important;
    padding: 14px 18px !important;
    margin-bottom: 20px !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.woocommerce-message {
    background: rgba(0,180,170,0.08) !important;
    border: 1.5px solid rgba(0,180,170,0.25) !important;
    color: #003750 !important;
}
.woocommerce-info {
    background: rgba(0,55,80,0.06) !important;
    border: 1.5px solid rgba(0,55,80,0.15) !important;
    color: #003750 !important;
}
.woocommerce-error {
    background: rgba(220,38,38,0.06) !important;
    border: 1.5px solid rgba(220,38,38,0.2) !important;
    color: #dc2626 !important;
}

/* The paragraph text after the notice */
.woocommerce-lost-password > p {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #5A5A5A !important;
    line-height: 1.7 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 0 24px 48px !important;
}

/* ── KILL WC RED LINKS ──────────────────────────────────── */
:root {
    --wc-color-primary: #00B4AA !important;
    --woocommerce: #00B4AA !important;
}

.woocommerce a,
.woocommerce-page a {
    color: inherit;
}

.woocommerce a:hover,
.woocommerce-page a:hover {
    color: #00B4AA;
}

/* Specifically target the offending elements */
.woocommerce .woocommerce-lost-password a,
.woocommerce p.lost_password a,
.woocommerce-account .woocommerce-MyAccount-navigation a,
.woocommerce nav.woocommerce-MyAccount-navigation a {
    color: #003750 !important;
}
.woocommerce .woocommerce-lost-password a:hover,
.woocommerce p.lost_password a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    color: #00B4AA !important;
}

/* WC buttons that render red */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce #respond input#submit {
    background: #00B4AA !important;
    color: #fff !important;
    border-radius: 5px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 24px !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
}
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
    background: #008f87 !important;
    color: #fff !important;
}

/* ── MY ACCOUNT LAYOUT ──────────────────────────────────── */
.woocommerce-account .page-content .woocommerce {
    display: flex !important;
    align-items: flex-start !important;
    gap: 40px !important;
    padding: 68px 0 !important;
    font-family: 'Inter', sans-serif !important;
}

/* ── SIDEBAR ─────────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 220px !important;
    min-width: 220px !important;
    flex-shrink: 0 !important;
    background: #fff !important;
    border: 1.5px solid #e2e6ea !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: sticky !important;
    top: 24px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #f4f6f8 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #5A5A5A !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    transition: all .2s !important;
    border-left: 3px solid transparent !important;
    background: transparent !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    color: #003750 !important;
    background: #f8f9fa !important;
    border-left-color: #00B4AA !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: #003750 !important;
    font-weight: 600 !important;
    background: rgba(0,180,170,0.06) !important;
    border-left-color: #00B4AA !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #dc2626 !important;
    border-top: 1px solid #f4f6f8 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: rgba(220,38,38,0.05) !important;
    border-left-color: #dc2626 !important;
    color: #dc2626 !important;
}

/* ── CONTENT ─────────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    flex: 1 !important;
    min-width: 0 !important;
    padding: 0 !important;
}

/* ── NOTICES ─────────────────────────────────────────────── */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    border-top: none !important;
    padding: 12px 16px !important;
    margin-bottom: 24px !important;
    list-style: none !important;
    display: block !important;
}
.woocommerce-account .woocommerce-message {
    background: rgba(0,180,170,0.08) !important;
    border: 1.5px solid rgba(0,180,170,0.25) !important;
    color: #003750 !important;
}
.woocommerce-account .woocommerce-error {
    background: rgba(220,38,38,0.06) !important;
    border: 1.5px solid rgba(220,38,38,0.2) !important;
    color: #dc2626 !important;
}
.woocommerce-account .woocommerce-info {
    background: rgba(0,55,80,0.05) !important;
    border: 1.5px solid rgba(0,55,80,0.12) !important;
    color: #003750 !important;
}
.woocommerce-account .woocommerce-message a,
.woocommerce-account .woocommerce-error a,
.woocommerce-account .woocommerce-info a {
    color: #00B4AA !important;
}

/* ── BUTTONS ─────────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content a.button {
    background: #00B4AA !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 28px !important;
    border-radius: 5px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: background .2s !important;
    box-shadow: none !important;
    height: auto !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content a.button:hover {
    background: #008f87 !important;
    color: #fff !important;
}

/* ── FORM FIELDS ─────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content .form-row {
    margin-bottom: 16px !important;
}
.woocommerce-account .woocommerce-MyAccount-content .form-row label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #003750 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-family: 'Inter', sans-serif !important;
    margin-bottom: 5px !important;
    display: block !important;
}
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
    width: 100% !important;
    padding: 10px 14px !important;
    border: 1.5px solid #e2e6ea !important;
    border-radius: 5px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #1a1a1a !important;
    outline: none !important;
    box-shadow: none !important;
    background: #fff !important;
    height: auto !important;
    transition: border-color .2s !important;
}
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
    border-color: #00B4AA !important;
    box-shadow: 0 0 0 3px rgba(0,180,170,0.08) !important;
}
.woocommerce-account .woocommerce-MyAccount-content .form-row-first {
    float: left !important;
    width: calc(50% - 8px) !important;
    clear: left !important;
}
.woocommerce-account .woocommerce-MyAccount-content .form-row-last {
    float: right !important;
    width: calc(50% - 8px) !important;
}
.woocommerce-account .woocommerce-MyAccount-content .form-row-wide {
    clear: both !important;
    width: 100% !important;
    float: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
    border: 1.5px solid #e2e6ea !important;
    border-radius: 8px !important;
    padding: 20px 24px !important;
    margin: 24px 0 !important;
    clear: both !important;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #003750 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 0 8px !important;
    font-family: 'Inter', sans-serif !important;
}

/* ── ORDERS TABLE ────────────────────────────────────────── */
.woocommerce-account .woocommerce-orders-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    border: 1.5px solid #e2e6ea !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
.woocommerce-account .woocommerce-orders-table thead th {
    background: #f8f9fa !important;
    border-bottom: 2px solid #e2e6ea !important;
    padding: 12px 16px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #003750 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
}
.woocommerce-account .woocommerce-orders-table tbody td {
    padding: 14px 16px !important;
    border-bottom: 1px solid #f4f6f8 !important;
    color: #1a1a1a !important;
    vertical-align: middle !important;
}
.woocommerce-account .woocommerce-orders-table tbody tr:last-child td {
    border-bottom: none !important;
}
.woocommerce-account .woocommerce-orders-table tbody tr:hover td {
    background: #f8f9fa !important;
}
.woocommerce-account mark.order-status {
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    font-family: 'Inter', sans-serif !important;
}
.woocommerce-account mark.order-status.processing,
.woocommerce-account mark.order-status.status-processing {
    background: rgba(0,180,170,0.1) !important;
    color: #00B4AA !important;
}
.woocommerce-account mark.order-status.completed,
.woocommerce-account mark.order-status.status-completed {
    background: rgba(22,163,74,0.1) !important;
    color: #166534 !important;
}
.woocommerce-account mark.order-status.on-hold,
.woocommerce-account mark.order-status.status-on-hold {
    background: rgba(245,158,11,0.1) !important;
    color: #92400e !important;
}
.woocommerce-account mark.order-status.cancelled,
.woocommerce-account mark.order-status.status-cancelled {
    background: rgba(220,38,38,0.08) !important;
    color: #dc2626 !important;
}

/* ── ADDRESSES ───────────────────────────────────────────── */
.woocommerce-account .u-columns.woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
}
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
    width: auto !important;
    float: none !important;
    background: #fff !important;
    border: 1.5px solid #e2e6ea !important;
    border-radius: 8px !important;
    padding: 24px !important;
}
.woocommerce-account .woocommerce-Address-title.title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e2e6ea !important;
}
.woocommerce-account .woocommerce-Address-title h2 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #003750 !important;
    font-family: 'Inter', sans-serif !important;
    margin: 0 !important;
}

/* ── SINGLE ORDER ────────────────────────────────────────── */
.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details {
    margin-bottom: 32px !important;
}
.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-column__title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #003750 !important;
    font-family: 'Inter', sans-serif !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #e2e6ea !important;
}
.woocommerce-account .woocommerce-table--order-details {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    border: 1.5px solid #e2e6ea !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
.woocommerce-account .woocommerce-table--order-details thead th {
    background: #f8f9fa !important;
    padding: 12px 16px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #003750 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2px solid #e2e6ea !important;
    text-align: left !important;
}
.woocommerce-account .woocommerce-table--order-details tbody td,
.woocommerce-account .woocommerce-table--order-details tfoot td,
.woocommerce-account .woocommerce-table--order-details tfoot th {
    padding: 12px 16px !important;
    border-bottom: 1px solid #f4f6f8 !important;
    color: #1a1a1a !important;
    vertical-align: middle !important;
}
.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child td,
.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child th {
    font-weight: 700 !important;
    color: #003750 !important;
    font-size: 14px !important;
    border-bottom: none !important;
}
.woocommerce-account .woocommerce-customer-details address {
    border: 1.5px solid #e2e6ea !important;
    border-radius: 8px !important;
    padding: 20px 24px !important;
}
/* ── ORDERS EMPTY STATE ──────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
    background: #f8f9fa !important;
    border: 1.5px solid #e2e6ea !important;
    border-radius: 8px !important;
    padding: 20px 24px !important;
    font-size: 13px !important;
    color: #5A5A5A !important;
    font-family: 'Inter', sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    border-top: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before {
    display: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
/* ── DASHBOARD FIXES ─────────────────────────────────────── */
.blt-dash-card,
.blt-dash-card:hover,
.blt-dash-order,
.blt-dash-order:hover {
    text-decoration: none !important;
}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .woocommerce-account .page-content .woocommerce {
        flex-direction: column !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        min-width: 100% !important;
        position: static !important;
    }
    .woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
    }
    .woocommerce-account .woocommerce-MyAccount-content .form-row-first,
    .woocommerce-account .woocommerce-MyAccount-content .form-row-last {
        float: none !important;
        width: 100% !important;
    }
}

.woocommerce-account .u-columns.woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    float: none !important;
    width: 100% !important;
}

.woocommerce-account .u-columns.woocommerce-Addresses .u-column1,
.woocommerce-account .u-columns.woocommerce-Addresses .u-column2 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 24px !important;
    background: #fff !important;
    border: 1.5px solid #e2e6ea !important;
    border-radius: 8px !important;
}
.woocommerce-account .u-columns.woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    gap: 24px !important;
    float: none !important;
    width: 100% !important;
    columns: auto !important;
}
.woocommerce-account .u-column1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    float: none !important;
    width: 100% !important;
    padding: 24px !important;
    background: #fff !important;
    border: 1.5px solid #e2e6ea !important;
    border-radius: 8px !important;
    margin: 0 !important;
}
.woocommerce-account .u-column2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    float: none !important;
    width: 100% !important;
    padding: 24px !important;
    background: #fff !important;
    border: 1.5px solid #e2e6ea !important;
    border-radius: 8px !important;
    margin: 0 !important;
}

.blt-archive ul.products.columns-2,
.blt-archive ul.products.columns-3,
.blt-archive ul.products.columns-4,
.blt-archive ul.products.columns-5,
.blt-archive ul.products.columns-6 {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
}

.blt-archive ul.products li.product {
    grid-column: auto !important;
    float: none !important;
    clear: none !important;
}


/* sectors grid */
   .blt-sectors-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

/* Row 1: 2 equal big cards */
.blt-sector-card:nth-child(1) { grid-column: 1 / 4; height: 300px; }
.blt-sector-card:nth-child(2) { grid-column: 4 / 7; height: 300px; }

/* Row 2: 3 equal smaller cards */
.blt-sector-card:nth-child(3) { grid-column: 1 / 3; height: 220px; }
.blt-sector-card:nth-child(4) { grid-column: 3 / 5; height: 220px; }
.blt-sector-card:nth-child(5) { grid-column: 5 / 7; height: 220px; }

@media (max-width: 768px) {
    .blt-sectors-grid { grid-template-columns: repeat(2, 1fr); }
    .blt-sector-card:nth-child(1),
    .blt-sector-card:nth-child(2),
    .blt-sector-card:nth-child(3),
    .blt-sector-card:nth-child(4),
    .blt-sector-card:nth-child(5) { grid-column: span 1; height: 200px; }
}
@media (max-width: 480px) {
    .blt-sectors-grid { grid-template-columns: 1fr; }
    .blt-sector-card { height: 180px; }
}
    .blt-sector-card {
        position: relative;
        display: block;
        height: 220px;
        border-radius: 8px;
        overflow: hidden;
        text-decoration: none;
    }
    .blt-sector-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.45s ease;
        filter: brightness(0.65);
    }
    .blt-sector-placeholder { background: linear-gradient(135deg, #003750, #005070); }
    .blt-sector-card:hover .blt-sector-img { transform: scale(1.05); filter: brightness(0.45); }
    .blt-sector-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0,30,50,0.92) 0%, rgba(0,30,50,0.3) 50%, transparent 100%);
        display: flex;
        align-items: flex-end;
        padding: 20px;
        transition: background 0.35s ease;
    }
    .blt-sector-card:hover .blt-sector-overlay {
        background: linear-gradient(to top, rgba(0,150,144,0.75) 0%, rgba(0,55,80,0.55) 60%, transparent 100%);
    }
    .blt-sector-body { width: 100%; }
    .blt-sector-body::before {
        content: '';
        display: block;
        width: 32px;
        height: 2px;
        background: #00B4AA;
        margin-bottom: 10px;
        transition: width 0.3s ease;
    }
    .blt-sector-card:hover .blt-sector-body::before { width: 48px; }
    .blt-sector-name {
        font-family: 'Inter', sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 6px;
    }
    .blt-sector-desc {
        font-family: 'Inter', sans-serif;
        font-size: 12px;
        color: rgba(255,255,255,0.65);
        line-height: 1.5;
        margin-bottom: 10px;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.35s ease, opacity 0.3s ease;
    }
    .blt-sector-card:hover .blt-sector-desc { max-height: 60px; opacity: 1; }
    .blt-sector-arrow {
        display: flex;
        align-items: center;
        gap: 6px;
        font-family: 'Inter', sans-serif;
        font-size: 11px;
        font-weight: 600;
        color: #00B4AA;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        opacity: 0;
        transform: translateY(6px);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .blt-sector-card:hover .blt-sector-arrow { opacity: 1; transform: translateY(0); }
    .blt-sector-arrow svg { width: 14px; height: 14px; flex-shrink: 0; }

    @media (max-width: 768px) {
        .blt-sectors-grid { grid-template-columns: repeat(2, 1fr); }
        .blt-sector-card:nth-child(1),
        .blt-sector-card:nth-child(2),
        .blt-sector-card:nth-child(3),
        .blt-sector-card:nth-child(4),
        .blt-sector-card:nth-child(5) { grid-column: span 1; height: 200px; }
    }
    @media (max-width: 480px) {
        .blt-sectors-grid { grid-template-columns: 1fr; }
        .blt-sector-card { height: 180px; }
    }