/* ============================================================
   OyuncuStore - Sepete Ekle Popup
   Woodmart Games Dark tema uyumlu
   ============================================================ */

body.oacs-cart-popup-open { overflow: hidden; }

#oacs-cart-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
}

#oacs-cart-popup {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
    pointer-events: none;
}

body.oacs-cart-popup-open #oacs-cart-popup-overlay {
    display: block !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
body.oacs-cart-popup-open #oacs-cart-popup {
    display: flex !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

#oacs-cart-popup .oacs-cart-popup-inner {
    background: #151824;
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(0,0,0,.6);
    max-width: 900px;
    width: 90%;
    max-height: 92vh;
    color: #fff;
    font-family: inherit;
    position: relative;
    border: 1px solid rgba(255,255,255,.05);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

@media (max-width: 768px) {
    #oacs-cart-popup .oacs-cart-popup-inner {
        width: 96%;
        border-radius: 12px;
    }
}
@media (max-width: 480px) {
    #oacs-cart-popup .oacs-cart-popup-inner {
        width: 96%;
        border-radius: 10px;
    }
}

#oacs-cart-popup .oacs-cart-popup-close {
    position: absolute;
    top: 10px;
    right: 14px;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: rgba(7,9,16,.95);
    color: #fff;
    border: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    padding: 0;
    margin: 0;
    box-shadow: 0 6px 18px rgba(0,0,0,.6);
    cursor: pointer;
    opacity: .92;
    z-index: 10;
}
#oacs-cart-popup .oacs-cart-popup-close:hover {
    background: rgba(12,16,26,1);
    opacity: 1;
}

.oacs-cart-popup-content {
    padding: 20px 24px 22px;
    overflow-y: auto;
}
@media (max-width:768px){
    .oacs-cart-popup-content{padding:16px 16px 18px;}
}

.oacs-cart-popup-header {
    display:flex;
    align-items:center;
    margin-bottom:16px;
    margin-right:40px;
}
.oacs-cart-popup-status {
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:rgba(0,200,120,.12);
    border-radius:999px;
    padding:6px 14px;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#5bffb7;
    border:1px solid rgba(91,255,183,.35);
}
.oacs-cart-popup-status-icon {
    width:18px;
    height:18px;
    border-radius:50%;
    border:2px solid #5bffb7;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

.oacs-cart-popup-main {
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
    gap:24px;
    align-items:stretch;
}
@media (max-width:900px){.oacs-cart-popup-main{gap:18px;}}
@media (max-width:768px){.oacs-cart-popup-main{grid-template-columns:1fr;}}

.oacs-cart-popup-product {
    display:flex;
    gap:14px;
    align-items:center;
    background:#191c2b;
    border-radius:10px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.06);
}
@media (max-width:480px){.oacs-cart-popup-product{padding:9px 10px;}}

.oacs-cart-popup-product-thumb {
    flex:0 0 72px;
    border-radius:7px;
    overflow:hidden;
}
.oacs-cart-popup-product-thumb img {
    display:block;
    width:100%;
    height:auto;
}

.oacs-cart-popup-product-info {flex:1;min-width:0;}
.oacs-cart-popup-product-title {
    font-size:15px;
    font-weight:600;
    margin:0 0 4px;
    color:#fff;
}
.oacs-cart-popup-product-title a {
    color:inherit;
    text-decoration:none;
}
.oacs-cart-popup-product-title a:hover {text-decoration:underline;}
.oacs-cart-popup-product-meta {
    font-size:12px;
    color:#a5afc6;
    margin-bottom:4px;
}
.oacs-cart-popup-product-price {
    font-size:15px;
    font-weight:600;
    color:#5bffb7;
}

.oacs-cart-popup-actions {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:10px;
}
@media (max-width:768px){
    .oacs-cart-popup-actions{
        flex-direction:row;
    }
    .oacs-cart-popup-actions .oacs-cart-popup-btn{
        flex:1 1 0;
    }
}
@media (max-width:480px){
    .oacs-cart-popup-actions{flex-direction:column;}
}

.oacs-cart-popup-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    border:none;
    text-decoration:none;
    padding:11px 18px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .08s ease;
    white-space:nowrap;
}
.oacs-cart-popup-btn-primary {
    background:linear-gradient(135deg,#00d28f,#05ffa8);
    color:#0b0f19;
}
.oacs-cart-popup-btn-primary:hover {
    transform:translateY(-1px);
    filter:brightness(1.05);
}
.oacs-cart-popup-btn-secondary {
    background:transparent;
    color:#d4d9f5;
    border:1px solid rgba(212,217,245,.35);
}
.oacs-cart-popup-btn-secondary:hover {
    background:rgba(255,255,255,.04);
}

.oacs-cart-popup-related {margin-top:20px;}
.oacs-cart-popup-related-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
}
.oacs-cart-popup-related-title {
    font-size:14px;
    font-weight:600;
    color:#fff;
}
.oacs-cart-popup-related-sub {
    font-size:11px;
    color:#8c94b0;
}

.oacs-cart-popup-related-list {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
@media (max-width:900px){
    .oacs-cart-popup-related-list{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:768px){
    .oacs-cart-popup-related-list{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:600px){
    .oacs-cart-popup-related-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}

.oacs-cart-popup-related-item {
    background:#191c2b;
    border-radius:9px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.06);
    display:flex;
    flex-direction:column;
    min-height:100%;
}

.oacs-cart-popup-related-thumb{position:relative;overflow:hidden;}
.oacs-cart-popup-related-thumb img{
    width:100%;
    display:block;
    transition:transform .18s ease;
}
.oacs-cart-popup-related-item:hover .oacs-cart-popup-related-thumb img{
    transform:scale(1.04);
}

.oacs-cart-popup-related-body{
    padding:8px 9px 9px;
    display:flex;
    flex-direction:column;
    gap:4px;
    flex:1;
}

.oacs-cart-popup-related-title-text{
    font-size:12px;
    font-weight:500;
    color:#f7f7ff;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:30px;
}

.oacs-cart-popup-related-price{
    font-size:13px;
    font-weight:600;
    color:#5bffb7;
}

.oacs-cart-popup-related-add{margin-top:4px;}

.oacs-cart-popup-related-add .button{
    width:100%;
    font-size:11px;
    padding:6px 8px;
    border-radius:5px;
    text-transform:none;
    font-weight:600;
    color:#f9fbff !important;
}

.oacs-cart-popup-related-add .add_to_cart_button{
    background:linear-gradient(135deg,#6c4bff,#b15bff);
    border-radius:5px;
    border:none;
    box-shadow:0 4px 12px rgba(0,0,0,.45);
    color:#f9fbff !important;
}
.oacs-cart-popup-related-add .add_to_cart_button:hover{
    background:linear-gradient(135deg,#7f62ff,#c46bff);
    box-shadow:0 6px 16px rgba(0,0,0,.55);
}