/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ══════════════════════════════════════════════════════
   CSS Variables — Brand tokens
   ══════════════════════════════════════════════════════ */
:root {
    --areco-blue:   #00aeef;
    --areco-dark:   #333;
    --areco-body:   #4b4b4b;
    --areco-border: #00aeef;
    --text-gray:    #666;

    /* V2 Portal design tokens */
    --blue:        #1462a8;   --blue-light:  #e8f0fb;   --blue-mid:    #d0e2f7;
    --navy:        #1b2a3b;   --ink:         #1c1c22;   --ink-mid:     #52525e;
    --ink-light:   #8f8fa0;   --bg:          #f4f5f7;   --card:        #ffffff;
    --rule:        #e4e5ea;   --green:       #15803d;   --green-bg:    #dcfce7;
    --amber:       #b45309;   --amber-bg:    #fef3c7;   --red:         #b91c1c;
    --red-bg:      #fee2e2;   --purple:      #6d28d9;   --purple-bg:   #ede9fe;
    --radius-sm:   6px;       --radius-md:   10px;      --radius-lg:   16px;
}

/* Admin bar — hidden by default so W3TC-cached pages (built by an admin) don't
   expose the bar to customers. JS shows it back for actual administrators. */
#wpadminbar { display: none !important; }
html.admin-bar { margin-top: 0 !important; }

/* ══════════════════════════════════════════════════════
   Global Typography
   ══════════════════════════════════════════════════════ */
body {
    --wp--preset--font-size--small: 15px;
}

h3 {
    color: var(--areco-body);
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 18px;
}

p {
    color: var(--areco-body);
    font-weight: 400;
    margin: 0 0 16px;
    line-height: 1.8em;
    padding: 0;
}

/* ══════════════════════════════════════════════════════
   Header — Blocksy overrides
   ══════════════════════════════════════════════════════ */
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
    --theme-font-weight: 600;
    --theme-text-transform: uppercase;
    --theme-font-size: 14px;
    --theme-line-height: 1.35;
    --theme-link-initial-color: var(--theme-text-color);
    --theme-link-hover-color: var(--theme-palette-color-1);
    white-space: normal;
}
[data-header*="type-1"] .ct-header [data-id="menu"] {
    --menu-items-spacing: 20px !important;
}
#header [data-row*=middle] {
    padding-top: 10px;
}

#header [data-column-set="3"]>div {
    grid-template-columns: 1fr 6fr 1fr;
}

.ct-container [data-placements] {
    justify-content: center;
}

.menu li.menu-item,
.menu li.page_item {
    max-width: 170px;
}
.sub-menu a.ct-menu-link {
    line-height: 20px;
}
#menu-categories :not(.sub-menu li a) {
    font-size: 14px !important;
    text-transform: uppercase !important;
    color: rgb(124, 126, 126) !important;
}

@media (min-width: 1000px) {
    #menu-categories {
        flex-wrap: wrap;
        justify-content: center;
    }
    .woocommerce.ct-woo-account {
        margin-top: 30px;
    }
    .ct-header-socials {
        margin-right: 25px !important;
    }
}

.short-text { display: none; }

@media (max-width: 700px) {
    #header [data-row*=middle] {
        padding: 10px 0px;
    }
    .full-text { display: none; } /* Hide long version on mobile */
    .short-text { display: inline; } /* Show FAQ on mobile */
}






/* ══════════════════════════════════════════════════════
   Layout containers
   ══════════════════════════════════════════════════════ */
.ct-frosted-glass {
    backdrop-filter: blur(40px) brightness(200%);
    -webkit-backdrop-filter: blur(40px) brightness(200%);
}

.ct-container {
    padding: max(5vw, 30px);
    max-width: 2000px;
}

main#main,
.ct-container-fluid,
.ct-header-text,
.woocommerce-order {
    width: 100%;
    max-width: var(--theme-normal-container-max-width);
    padding: 0 max(15px, 2vw);
}

main#main {
    margin: 0 auto;
    max-width: 1600px;
    padding-top: 20px !important;
}


main#main {
    background: white;
}

#header [data-row] {
    box-shadow: none !important;
}

.single-product main#main {
    max-width: 1400px;
}

/* ══════════════════════════════════════════════════════
   Subscribe form
   ══════════════════════════════════════════════════════ */
.ct-subscribe-form {
    --theme-form-field-height: 60px;
    --theme-form-field-padding: 0 25px;
    --theme-form-field-background-initial-color: #000;
    --theme-form-field-background-focus-color: rgba(0, 0, 0, 0.4);
    --theme-form-field-border-width: 0;
    --theme-text-color: #fff;
    --theme-button-min-height: 60px;
    --theme-button-background-initial-color: var(--theme-palette-color-1);
    --theme-button-text-initial-color: #fff;
}

/* ══════════════════════════════════════════════════════
   Footer
   ══════════════════════════════════════════════════════ */
[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
    --columns-gap: 0px !important;
}

#footer .widget_search {
    width: 100%;
}

#footer a:where(:not(.wp-element-button)) {
    color: var(--theme-link-initial-color, var(--areco-dark));
}

#footer a:where(:not(.wp-element-button)):hover {
    color: var(--theme-link-hover-color, var(--areco-blue));
}

@media (max-width: 1000px) {
    #footer .menu li.menu-item {
        justify-content: center;
    }
}

/* ══════════════════════════════════════════════════════
   Products & WooCommerce (non-layout overrides)
   ══════════════════════════════════════════════════════ */
.featured_product_title {
    min-height: 45px;
}

li.product-category.product,
li.product.type-product {
    padding: 10px;
}

.ct-woocommerce-cart-form,
.checkout.woocommerce-checkout {
    padding: 25px max(20px, 2vw) 0;
}
p.woocommerce-mini-cart__total.total {
    color: unset;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .woocommerce-error li:not(:first-child) {
    display: none !important;
}

#billing_email:focus {
    outline: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
}

div.quantity .ct-increase,
div.quantity .ct-decrease {
    color: black !important;
}

.u-column1.col-1.woocommerce-Address a {
    display: none;
}

.wc-block-product .wc-block-components-product-sku {
    text-align: center;
}

.ct-product-sku {
    margin: 0 auto;
}

.is-transaction-table .th.col.price {
    width: 135px;
}

/* ══════════════════════════════════════════════════════
   Icon boxes (My Account / content blocks)
   ══════════════════════════════════════════════════════ */
.ct-mainbox h5,
.ct-mainbox h6,
.ct-mainbox p {
    transition: color 0.2s ease;
}

.ct-mainbox:hover h5,
.ct-mainbox:hover h6,
.ct-mainbox:hover p {
    color: var(--theme-palette-color-8) !important;
}
@media (max-width: 700px) {

    #header [data-column=start] {
        justify-content: flex-start;
    }

    #header [data-column=end] {
        justify-content: flex-end;
    }

    .woocommerce-account .hero-section.is-width-constrained {
        display: none;
    }
    .woocommerce-MyAccount-navigation ul {
        display: flex;
        text-align: center;
        line-height: 18px;
    }
    .ct-acount-nav {
        overflow-x: auto;
        position: relative;
        top: -20px;
        padding: 10px 0;
        margin-bottom: 0;
    }
    .woocommerce-MyAccount-navigation ul li a {
        padding: 0 9px;
        border-radius: 0;
    }
}
/* ══════════════════════════════════════════════════════
   Miscellaneous
   ══════════════════════════════════════════════════════ */
body .is-layout-flex {
    align-items: stretch;
}

svg.wc-block-next-previous-buttons__icon.wc-block-next-previous-buttons__icon--right,
svg.wc-block-next-previous-buttons__icon.wc-block-next-previous-buttons__icon--left {
    padding: 0;
}

.border-col {
    padding-left: 5rem;
    padding-right: 4rem;
    padding-block: 1.4rem;
}

.border-col h2 {
    font-size: 32px;
    font-weight: 300;
    line-height: 60px;
    color: var(--areco-body);
}

.ct-sticky-container {
    height:70px;
}

/* Cached pages: hide account user-info until JS refreshes it with the correct user's data */
.ct-header-account-user-info {
    visibility: hidden;
}

[data-sticky-states].is-sticky>[data-sticky-states-inner]{
    z-index: 49;}