/* Casino Suite — Offer Cards */

.cs-offer-cards-scope .offer-cards-list { display:flex; flex-direction:column; gap:8px; margin:20px 0; max-width:100%; }

.cs-offer-cards-scope .ocs-card {
    background: var(--oc-card-bg, #fff);
    border: 1px solid #e5e5e5;
    border-radius: var(--cs-r-card, 12px);
    box-shadow: var(--oc-card-shadow, 0 1px 6px rgba(0,0,0,.07));
    overflow: hidden;
    max-width: 100%;
}

.cs-offer-cards-scope .ocs-card .ocs-main { font-size:19px; font-weight:700; color:#1a1a2e; line-height:1.3; margin:0; }
.cs-offer-cards-scope .ocs-card .ocs-sub  { font-size:14px; color:#777; margin:3px 0 0; line-height:1.4; }
.cs-offer-cards-scope .ocs-card .ocs-rv   { font-size:19px; font-weight:700; color:#1a1a2e; line-height:1; }
.cs-offer-cards-scope .ocs-card .ocs-rm   { font-size:19px; color:#999; line-height:1; }

.cs-offer-cards-scope .ocs-card .ocs-desk-name,
.cs-offer-cards-scope .ocs-card .ocs-desk-name a {
    font-size:16px; font-weight:700; color:#1a1a2e;
    text-decoration:none !important; line-height:1.3;
}
.cs-offer-cards-scope .ocs-card .ocs-desk-name a:hover { text-decoration:underline !important; }

.cs-offer-cards-scope .ocs-card .ocs-btn {
    display:block;
    background: var(--oc-btn-color, #f5a623) !important;
    color: var(--oc-btn-text-color, #fff) !important;
    font-size:17px; font-weight:700; line-height:1;
    text-align:center; text-decoration:none !important;
    padding:10px 22px;
    border-radius: var(--cs-r-btn, 8px);
    white-space:nowrap; border:none; cursor:pointer;
    transition:background .15s;
    box-sizing:border-box;
}
.cs-offer-cards-scope .ocs-card .ocs-btn:hover { background: var(--oc-btn-hover-color, #e09010) !important; }

.cs-offer-cards-scope .ocs-card .ocs-review {
    font-size:14px; color:#777 !important;
    text-decoration:underline !important;
    display:block; text-align:center;
    line-height:1.3;
}
.cs-offer-cards-scope .ocs-card .ocs-review:hover { color: var(--oc-btn-color, #f5a623) !important; }

/* Logo container — fixed, image fills only it */
.cs-offer-cards-scope .ocs-card .ocs-desk-logo,
.cs-offer-cards-scope .ocs-card .ocs-mob-logo {
    border-radius: var(--cs-r-img, 8px);
    overflow:hidden;
    background:#f5f5f5;
    border:1px solid #eee;
    flex-shrink:0;
    flex-grow:0;
    display:block !important;
    position:relative;
    box-sizing:border-box;
    line-height:0;
}
.cs-offer-cards-scope .ocs-card .ocs-desk-logo img,
.cs-offer-cards-scope .ocs-card .ocs-mob-logo img {
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    vertical-align:top !important;
    border:0 !important;
}
.cs-offer-cards-scope .ocs-card .ocs-desk-logo a,
.cs-offer-cards-scope .ocs-card .ocs-mob-logo a {
    display:block !important;
    width:100% !important;
    height:auto !important;
}

.cs-offer-cards-scope .ocs-mob { display:none; }
.cs-offer-cards-scope .ocs-desk {
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:16px;
    padding:14px 18px;
    max-width:100%;
    box-sizing:border-box;
}
.cs-offer-cards-scope .ocs-desk-logo { width:103px !important; height:auto; max-width:103px !important; }
.cs-offer-cards-scope .ocs-card .ocs-desk-name { max-width:140px; flex-shrink:0; }
.cs-offer-cards-scope .ocs-desk-desc { flex:1; min-width:0; }
.cs-offer-cards-scope .ocs-desk-rat {
    display:flex; align-items:center; gap:4px;
    flex-shrink:0; white-space:nowrap;
}
.cs-offer-cards-scope .ocs-desk-actions {
    display:flex; flex-direction:column;
    align-items:center; gap:5px; flex-shrink:0;
}
.cs-offer-cards-scope .ocs-desk-actions .ocs-btn { min-width:110px; }

@media (max-width:599px) {
    .cs-offer-cards-scope .ocs-desk { display:none; }
    .cs-offer-cards-scope .ocs-mob  { display:block; padding:12px 14px; max-width:100%; box-sizing:border-box; }

    .cs-offer-cards-scope .ocs-mob-row1 {
        display:flex; align-items:center;
        gap:10px; margin-bottom:10px;
    }
    .cs-offer-cards-scope .ocs-mob-logo { width:84px !important; height:auto; max-width:84px !important; }
    .cs-offer-cards-scope .ocs-mob-row1 .ocs-desk-name { max-width:none; font-size:17px; flex:1; min-width:0; }

    .cs-offer-cards-scope .ocs-mob-row2 { margin-bottom:10px; }
    .cs-offer-cards-scope .ocs-mob-row2 .ocs-main { font-size:18px; }
    .cs-offer-cards-scope .ocs-mob-row2 .ocs-sub  { font-size:14px; }

    .cs-offer-cards-scope .ocs-mob-row3 {
        display:flex; align-items:center;
        justify-content:space-between; gap:12px;
    }
    .cs-offer-cards-scope .ocs-mob-left { display:flex; flex-direction:column; gap:4px; min-width:0; }
    .cs-offer-cards-scope .ocs-mob-rat  { display:flex; align-items:center; gap:3px; }
    .cs-offer-cards-scope .ocs-mob-rat .ocs-rv { font-size:21px; font-weight:700; }
    .cs-offer-cards-scope .ocs-mob-rat .ocs-rm { font-size:18px; }

    .cs-offer-cards-scope .ocs-mob-row3 .ocs-btn {
        padding:12px 20px; font-size:18px;
        flex-shrink:0;
    }
    .cs-offer-cards-scope .ocs-mob-row3 .ocs-review { text-align:left; }
}