/* =========================================================
   Gom3a Deals — EasyOrders Custom Theme Overrides
   v1 — Header / Search / Cart / Home / Categories / Product Cards
========================================================= */

:root {
    --gom3-green: #2cff4f;
    --gom3-pink: #e708c5;
    --gom3-yellow: #ffee00;
    --gom3-black: #000;
}

/* HEADER — WHITE BACKGROUND */
header.sphinx_header,
header.sphinx_header .sphinx_header_container {
    background: #fff !important;
    background-color: #fff !important;
}

/* HEADER LOGO — SLIGHTLY LARGER */
header.sphinx_header .sphinx_header_logo {
    overflow: visible !important;
}

header.sphinx_header .sphinx_header_logo img,
header.sphinx_header .sphinx_header_logo svg {
    transform: scale(1.12) !important;
    transform-origin: center !important;
}

/* HEADER SEARCH — BLACK FRAME + PINK BUTTON */
header.sphinx_header
.sphinx_header_container
*:has(> input[placeholder]) {
    background: #fff !important;
    border: 1px solid #000 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

header.sphinx_header
.sphinx_header_container
input[placeholder] {
    background: #fff !important;
    color: #000 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

header.sphinx_header
.sphinx_header_container
*:has(> input[placeholder])
> button {
    background: var(--gom3-pink) !important;
    background-color: var(--gom3-pink) !important;
    color: #000 !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

header.sphinx_header
.sphinx_header_container
*:has(> input[placeholder])
> button:hover,
header.sphinx_header
.sphinx_header_container
*:has(> input[placeholder])
> button:focus {
    background: var(--gom3-green) !important;
    background-color: var(--gom3-green) !important;
    color: #000 !important;
}

/* HEADER LANGUAGE BUTTON — HIDE */
header.sphinx_header
.sphinx_header_container
.relative.inline-block[data-headlessui-state] {
    display: none !important;
}

/* HEADER CART — GOM3A DEALS ICON */
header.sphinx_header
.sphinx_header_container
.flow-root
> button {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    background-color: #000 !important;
    background-image: url("https://gom3adeals.com/wp-content/uploads/2026/08/shopping-cart-94.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 34px 34px !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

header.sphinx_header
.sphinx_header_container
.flow-root
> button
> svg {
    opacity: 0 !important;
}

header.sphinx_header
.sphinx_header_container
.flow-root
> button:hover,
header.sphinx_header
.sphinx_header_container
.flow-root
> button:focus {
    background-color: var(--gom3-green) !important;
    border-color: #000 !important;
    opacity: 1 !important;
}

header.sphinx_header
.sphinx_header_container
.flow-root
> button
> div.absolute {
    background: var(--gom3-green) !important;
    background-color: var(--gom3-green) !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

/* HOME BANNER — RADIUS */
.home_slider_container,
.home_slider_container .swiper-slide,
.home_slider_container .swiper-slide > div,
.home_slider_container img {
    border-radius: 12px !important;
}

.home_slider_container {
    overflow: hidden !important;
}

/* HOME CATEGORIES — FRAME + RADIUS */
.default_category_card {
    padding: 6px !important;
    background: #fff !important;
    border: 1px solid #dedede !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.default_category_card img {
    border-radius: 8px !important;
}

/* PRODUCT CARDS — RADIUS */
.home_grid_section_card {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home_grid_section_card img {
    border-radius: 10px !important;
}

/* ADD TO CART */
.home_grid_section_card
.sphinx_product_card_btn {
    background: var(--gom3-yellow) !important;
    background-color: var(--gom3-yellow) !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.home_grid_section_card
.sphinx_product_card_btn:hover,
.home_grid_section_card
.sphinx_product_card_btn:focus,
.home_grid_section_card
.sphinx_product_card_btn:active {
    background: var(--gom3-green) !important;
    background-color: var(--gom3-green) !important;
    color: #000 !important;
    border-color: #000 !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    header.sphinx_header .sphinx_header_logo img,
    header.sphinx_header .sphinx_header_logo svg {
        transform: scale(1.08) !important;
    }

    header.sphinx_header
    .sphinx_header_container
    .flow-root
    > button {
        width: 44px !important;
        height: 44px !important;
        background-size: 31px 31px !important;
    }

    .home_slider_container,
    .home_slider_container .swiper-slide,
    .home_slider_container .swiper-slide > div,
    .home_slider_container img {
        border-radius: 10px !important;
    }

    .default_category_card {
        border-radius: 10px !important;
    }

    .home_grid_section_card {
        border-radius: 12px !important;
    }
}
