/**
 * Theme Name: QUEENSEO
 * Description: Tema kustom untuk platform bandar toto slot dan togel online QUEENSEO
 * Version: 1.0.2
 */

/* Reset Browser */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body dan Container */
body, #container {
    position: relative;
    background: linear-gradient(to right, var(--color3), var(--color2), var(--color3));
}

/* Background */
.background-rm {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: repeat-y;
    background-position: 50% top;
}

@media (min-width: 1600px) {
    .background-rm {
        background-position-x: 100%;
    }
}

@media (min-width: 1700px) {
    .background-rm {
        background-position-x: 100%;
    }
}

@media (min-width: 1800px) {
    .background-rm {
        background-position-x: 100%;
    }
}

@media (min-width: 1900px) {
    .background-rm {
        background-position-x: 100%;
    }
}

/* Header Styles */
.lzd-header-content,
.lzd-site-nav-menu {
    background: var(--color3);
}

.lzd-header .lzd-links-bar {
    text-align: center;
    position: relative;
    left: -3.5rem;
}

.lzd-header .lzd-links-bar a {
    color: var(--color1);
    text-decoration: none;
}

.lzd-site-menu-nav-container {
    display: flex;
    justify-content: center;
}

.lzd-site-menu-nav-category-text,
.lzd-site-nav-menu.lzd-site-nav-menu-active .lzd-site-menu-nav-container .lzd-menu-labels .lzd-menu-labels-item .lzd-menu-labels-item-text {
    color: var(--color1);
}

.lzd-site-nav-menu .lzd-site-menu-nav-container .lzd-menu-labels .lzd-menu-labels-item .lzd-menu-labels-item-text {
    color: var(--color2);
}

.lzd-site-nav-menu.lzd-site-nav-menu-active {
    background: var(--color3);
}

.lzd-header .lzd-logo-bar .logo-bar-content {
    display: flex;
    gap: 1rem;
}

.lzd-header .lzd-logo-bar .logo-bar-content .lzd-logo-content img {
    width: 195px;
    height: auto;
    object-fit: contain;
}

.lzd-header .lzd-logo-bar .logo-bar-content .lzd-nav-cart .cart-icon {
    background-image: url('');
}

/* Search Bar */
.lzd-nav-search {
    margin-left: 4rem;
    height: 40px;
    display: flex;
    border-radius: 1rem;
    overflow: hidden;
}

.lzd-nav-search .input-search {
    width: 100%;
    height: 100%;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    color: rgba(0, 0, 0, 0.5);
    border: none;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.lzd-nav-search .container-icon {
    width: 5rem;
    background: var(--color1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

/* PDP Block */
#root.pdp-block {
    position: relative;
    z-index: 1;
    padding-bottom: 0;
}

.pdp-block .pdp-block__main-information,
#block-6QhDn4z1db {
    display: flex;
    justify-content: center;
	flex-direction: column;
}

.pdp-block__delivery-seller {
    width: 200px;
}

.pdp-block__product-detail {
    width: 95%;
}

.pdp-product-title .pdp-mod-product-badge-title {
    font-weight: 700;
    margin: 2rem 0 0.67em 0;
}

/* Seller Info */
.seller-name__title {
    text-align: right;
}

.seller-name__detail {
    text-align: right;
}

.seller-name__detail-name {
    margin-right: 0;
    color: var(--color4);
}

/* Product Price */
.pdp-mod-product-price {
    font-family: Roboto, sans-serif;
}

.pdp-mod-product-price h1,
.pdp-mod-product-price h2,
.pdp-mod-product-price h3,
.pdp-mod-product-price h4 {
    color: var(--color3);
    margin-bottom: 0.5rem;
}

.pdp-mod-product-price h1 {
    text-align: center;
    margin-bottom: 3rem;
}

.pdp-mod-product-price h3 {
    margin-top: 1.5rem;
}

.pdp-mod-product-price p {
    text-align: justify;
    font-weight: 500;
    margin-bottom: 1rem;
    color: var(--color4);
}

.pdp-mod-product-price ol,
.pdp-mod-product-price ul {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.pdp-mod-product-price ul {
    list-style: disc;
}

/* Buttons */
.add-to-cart-buy-now-btn {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
}

.pdp-button_theme_yellow {
    border: 2px solid var(--color1);
    background: linear-gradient(90deg, var(--color2) 0%, var(--color2) 50%, var(--color2) 100%);
    color: #ffffff;
    transition: all 0.5s ease;
}

.pdp-button_theme_yellow:hover {
    border: 2px solid var(--color1);
    background: linear-gradient(180deg, var(--color1) 0%, var(--color1) 100%);
    color: #181200;
}

.pdp-button_theme_orange {
    border: 2px solid var(--color2);
    background: linear-gradient(90deg, var(--color2) 0%, var(--color2) 50%, var(--color2) 100%);
    color: #ffffff;
    animation: flashing-border 1s infinite;
}

.pdp-button_theme_orange:hover {
    border: 2px solid var(--color2);
    background: linear-gradient(180deg, var(--color1) 0%, var(--color1) 100%);
    color: #181200;
}

@keyframes flashing-border {
    0% { border-color: #008cff2c; }
    50% { border-color: #eef0ff; }
    100% { border-color: #008cff2c; }
}

/* Breadcrumb */
#pdp-nav,
.breadcrumb_list {
    background: transparent;
}

/* Gallery */
.pdp-block__gallery {
    width: 400px;
}

.gallery-preview-panel__content {
    margin: 2rem auto 10px auto;
}

.w-80 {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

/* Site Description */
.site-description a {
    color: var(--color1);
}

.site-description td {
    padding: 0.5rem;
}

/* Links */
.pdp-link,
.pdp-link:visited {
    color: #212121;
}
.fixed-footer {
    display: flex;
    justify-content: space-around;
    position: fixed;
    background: linear-gradient(to bottom, var(--color3) 0, var(--color3) 100%);
    padding: 5px 0;
    box-shadow: 0 0 3px 1px var(--color2);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99
}

.fixed-footer a {
    flex-basis: calc((100% - 15px*6)/ 5);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--color2);
    max-width: 75px;
    font-size: 12px;
    font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.fixed-footer a:hover {
    font-weight: 700
}

.fixed-footer .center {
    transform: scale(1.5) translateY(-5px);
    background: center no-repeat;
    background-size: contain;
    background-color: inherit;
    border-radius: 50%
}

.fixed-footer img {
    max-width: 20px;
    margin-bottom: 0;
    max-height: 20px
}