/*
Theme Name: DigitalDots
Theme URI: https://digitaldots.gr/
Description: Custom Bricks child theme for MUCH TOYS.
Author: Digital Dots
Author URI: https://digitaldots.gr/
Template: bricks
Version: 1.0.0
Text Domain: digitaldots
*/

/* ========================================
   MUCH TOYS - GLOBAL DESIGN TOKENS
   ======================================== */

:root {
    --much-primary: #FF2556;
    --much-primary-dark: #4F2E60;

    --much-green: #57BF6D;
    --much-yellow: #E9C931;
    --much-blue: #33AEBD;
    --much-cyan: #01A3D4;

    --much-text: #212529;
    --much-muted: #868686;

    --much-bg: #F8F9FA;
    --much-bg-soft: #F5F5F5;

    --much-border: #E1E1E1;
    --much-white: #FFFFFF;

    --much-radius-sm: 8px;
    --much-radius-md: 14px;
    --much-radius-lg: 22px;

    --much-container: 1280px;
}

/* === DIGITALDOTS MUCH HEADER : START === */

/* Builder-created section/container defaults can add large vertical space.
   Force the header to size strictly to its content. */
.much-header-main,
.much-header-nav {
    width: 100%;
    margin: 0 !important;
    min-height: 0 !important;
}

.much-header-main {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    padding: 12px 24px !important;
}

.much-header-main__inner {
    width: 100% !important;
    max-width: 1280px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
}

.much-header-logo {
    width: 150px !important;
    max-width: 150px !important;
    flex: 0 0 150px !important;
    margin: 0 !important;
}

.much-header-logo img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

.much-header-search {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 220px !important;
    margin: 0 !important;
}

.much-header-search .aws-container,
.much-header-search .aws-search-form {
    width: 100% !important;
    margin: 0 !important;
}

.much-header-search .aws-search-field {
    min-height: 46px !important;
    padding: 0 18px !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #212529 !important;
    box-shadow: none !important;
}

.much-header-search .aws-search-field:focus {
    border-color: #ff2556 !important;
}

.much-account {
    width: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #4f2e60;
    text-decoration: none;
}

.much-account::before {
    content: "";
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    display: block;
    border: 2px solid #4f2e60;
    border-radius: 50%;
    box-sizing: border-box;
    background:
        radial-gradient(circle at 50% 34%, #4f2e60 0 3px, transparent 3.5px),
        radial-gradient(ellipse at 50% 88%, #4f2e60 0 7px, transparent 7.5px);
}

.much-account-text {
    color: #4f2e60 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap;
    margin: 0 !important;
}

.much-header-nav {
    padding: 0 24px !important;
    background: #4f2e60;
}

.much-header-nav__inner {
    width: 100% !important;
    max-width: 1280px !important;
    min-height: 52px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.much-main-menu {
    width: 100% !important;
    margin: 0 !important;
}

/* Desktop WordPress menu: one row only */
.much-main-menu .bricks-nav-menu {
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.much-main-menu .bricks-nav-menu > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.much-main-menu .bricks-nav-menu > li > a,
.much-main-menu .bricks-nav-menu > li > .brx-submenu-toggle > * {
    display: flex;
    align-items: center;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
    padding: 18px 0 !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color .2s ease;
}

.much-main-menu .bricks-nav-menu > li > a:hover,
.much-main-menu .bricks-nav-menu > li.current-menu-item > a,
.much-main-menu .bricks-nav-menu > li.current-menu-parent > a {
    color: #ff2556 !important;
}

/* Legacy Bricks Nav Menu outputs a second mobile copy.
   It must never appear on desktop. */
@media (min-width: 992px) {
    .much-main-menu .bricks-mobile-menu-wrapper,
    .much-main-menu .bricks-mobile-menu,
    .much-main-menu .bricks-mobile-menu-toggle {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .much-header-main {
        padding: 12px 20px !important;
    }

    .much-header-main__inner {
        gap: 18px !important;
    }

    .much-header-logo {
        width: 135px !important;
        max-width: 135px !important;
        flex-basis: 135px !important;
    }

    .much-account-text {
        display: none !important;
    }

    .much-header-nav {
        padding: 0 20px !important;
    }

    .much-header-nav__inner {
        min-height: 48px !important;
        justify-content: flex-end !important;
    }

    .much-main-menu .bricks-nav-menu {
        display: none !important;
    }

    .much-main-menu .bricks-mobile-menu-toggle {
        display: flex !important;
        margin-left: auto !important;
        color: #fff !important;
    }

    .much-main-menu .bricks-mobile-menu-wrapper {
        background: #4f2e60 !important;
    }

    .much-main-menu .bricks-mobile-menu a {
        color: #fff !important;
    }
}

@media (max-width: 767px) {
    .much-header-main {
        padding: 10px 16px !important;
    }

    .much-header-main__inner {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 10px 14px !important;
    }

    .much-header-logo {
        width: 125px !important;
        max-width: 125px !important;
        grid-column: 1;
        grid-row: 1;
    }

    .much-account {
        grid-column: 2;
        grid-row: 1;
    }

    .much-header-search {
        grid-column: 1 / -1;
        grid-row: 2;
        min-width: 0 !important;
        width: 100% !important;
    }

    .much-header-search .aws-search-field {
        min-height: 42px !important;
    }

    .much-header-nav {
        padding: 0 16px !important;
    }
}

/* === DIGITALDOTS MUCH HEADER : END === */

/* === DIGITALDOTS MUCH HOME V2 : START === */
.much-v2-hero{padding:34px 24px 64px!important;background:#fff}
.much-v2-hero__inner,.much-v2-container,.much-v2-editorial__inner,.much-v2-promos,.much-v2-day__inner{width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:0!important}
.much-v2-hero__inner{display:grid!important;grid-template-columns:.9fr 1.1fr;align-items:center!important;gap:48px!important;min-height:520px}
.much-v2-hero__copy{max-width:560px}
.much-v2-kicker{color:#ff2556;font-size:13px;font-weight:800;letter-spacing:.13em;margin-bottom:14px}
.much-v2-h1{font-size:clamp(44px,5vw,72px);line-height:1.02;color:#4f2e60;font-weight:800;margin:0 0 20px}
.much-v2-lead{font-size:18px;line-height:1.65;color:#747474;max-width:520px;margin-bottom:28px}
.much-v2-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:#ff2556;color:#fff!important;font-size:13px;font-weight:800;text-decoration:none!important}
.much-v2-hero__visual{border-radius:32px;overflow:hidden}
.much-v2-hero__visual img{width:100%!important;aspect-ratio:1.35/1;object-fit:cover;border-radius:32px}
.much-v2-section{padding:68px 24px!important;background:#fff}
.much-v2-section--soft{background:#faf8fb}
.much-v2-title{text-align:center;color:#4f2e60;font-size:28px;font-weight:800;letter-spacing:.02em;margin:0 0 34px}
.much-v2-categories ul.products{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:20px!important}
.much-v2-categories li.product-category{width:auto!important;margin:0!important;text-align:center!important}
.much-v2-categories li.product-category img{aspect-ratio:1/1;object-fit:cover;border-radius:50%!important;border:6px solid #f7eef8;transition:.2s ease}
.much-v2-categories li.product-category:hover img{transform:translateY(-4px);border-color:#ffdbe4}
.much-v2-categories .woocommerce-loop-category__title{font-size:13px!important;line-height:1.3!important;color:#4f2e60!important;margin-top:12px!important;font-weight:700!important}
.much-v2-categories .count{display:none!important}
.much-v2-products ul.products{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:24px!important}
.much-v2-products li.product{width:auto!important;margin:0!important;background:#fff;border:1px solid #eee;border-radius:18px;padding:14px!important;transition:.2s ease}
.much-v2-products li.product:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(79,46,96,.09)}
.much-v2-products li.product img{border-radius:14px!important;margin-bottom:14px!important}
.much-v2-products .woocommerce-loop-product__title{font-size:14px!important;line-height:1.4!important;color:#4f2e60!important;font-weight:700!important}
.much-v2-editorial{padding:0 24px 68px!important;background:#fff}
.much-v2-editorial__inner{display:grid!important;grid-template-columns:1.2fr .8fr;min-height:430px;background:#c7e1df;border-radius:28px;overflow:hidden}
.much-v2-editorial__image{height:100%}
.much-v2-editorial__image img{width:100%!important;height:100%!important;object-fit:cover!important}
.much-v2-editorial__copy{padding:54px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important}
.much-v2-script{font-size:24px;color:#4f2e60;font-style:italic;margin-bottom:8px}
.much-v2-editorial__title{font-size:42px;line-height:1.05;color:#4f2e60;font-weight:900;margin:0 0 18px}
.much-v2-editorial__text{font-size:16px;line-height:1.6;color:#4f2e60;margin-bottom:24px}
.much-v2-btn--dark{background:#4f2e60}
.much-v2-promos{display:grid!important;grid-template-columns:1fr 1fr;gap:26px!important}
.much-v2-promo{min-height:260px;padding:42px!important;border-radius:26px;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
.much-v2-promo--pink{background:linear-gradient(135deg,#ffe3ec,#ffd1df)}
.much-v2-promo--blue{background:linear-gradient(135deg,#dff5f7,#cdebf0)}
.much-v2-promo__small{font-size:14px;color:#4f2e60;margin-bottom:6px}
.much-v2-promo__title{font-size:34px;color:#4f2e60;font-weight:800;margin:0 0 18px}
.much-v2-link{font-size:13px;font-weight:800;color:#ff2556!important;text-decoration:none!important}
.much-v2-day{padding:0 24px 70px!important;background:#fff}
.much-v2-day__inner{border-radius:28px;overflow:hidden}
.much-v2-day__desktop img,.much-v2-day__mobile img{width:100%!important;display:block!important}
.much-v2-day__mobile{display:none!important}
@media(max-width:1100px){.much-v2-categories ul.products{grid-template-columns:repeat(4,1fr)!important}.much-v2-products ul.products{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:767px){
.much-v2-hero{padding:24px 16px 44px!important}.much-v2-hero__inner{grid-template-columns:1fr;gap:28px!important;min-height:0}.much-v2-h1{font-size:40px}.much-v2-lead{font-size:16px}
.much-v2-section{padding:48px 16px!important}.much-v2-title{text-align:left;font-size:25px;margin-bottom:26px}
.much-v2-categories ul.products{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}.much-v2-products ul.products{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}
.much-v2-editorial{padding:0 16px 48px!important}.much-v2-editorial__inner{grid-template-columns:1fr}.much-v2-editorial__copy{padding:32px!important}.much-v2-editorial__title{font-size:34px}
.much-v2-promos{grid-template-columns:1fr;gap:18px!important}.much-v2-promo{min-height:220px;padding:30px!important}
.much-v2-day{padding:0 16px 48px!important}.much-v2-day__desktop{display:none!important}.much-v2-day__mobile{display:block!important}
}
/* === DIGITALDOTS MUCH HOME V2 : END === */

/* === DIGITALDOTS MUCH WOO CLEANUP : START === */
.much-v2-categories ul.products,
.much-v2-products ul.products {
    list-style:none !important;
    padding-left:0 !important;
    margin-left:0 !important;
}
.much-v2-categories ul.products > li,
.much-v2-products ul.products > li {
    list-style:none !important;
}
.much-v2-categories ul.products > li::marker,
.much-v2-products ul.products > li::marker {
    content:"" !important;
    font-size:0 !important;
}
.much-v2-categories ul.products > li::before,
.much-v2-products ul.products > li::before {
    display:none !important;
    content:none !important;
}
.much-v2-products .button,
.much-v2-products .added_to_cart {
    border-radius:999px !important;
    font-size:12px !important;
    font-weight:700 !important;
}
/* === DIGITALDOTS MUCH WOO CLEANUP : END === */