/* ==========================================================
   BDA BAZAR - Support + policy documents
   ----------------------------------------------------------
   One look for Support, Privacy, Terms, Shipping, Returns and
   Cancellation. Uses the global brand tokens declared in
   header.php, so nothing here introduces a new palette.
   ========================================================== */

body.bda-storefront .bda-doc{
    display:block;
    padding:22px 0 44px;
}

body.bda-storefront .bda-doc-card{
    background:#fff;
    border:1px solid var(--bda-line, #e4e9f0);
    border-radius:14px;
    padding:22px 20px 26px;
    box-shadow:0 4px 18px rgba(11,37,69,.05);
    max-width:920px;
}

body.bda-storefront .bda-doc-head{
    margin:0 0 6px;
    padding-bottom:14px;
    border-bottom:1px solid var(--bda-line, #e4e9f0);
}
body.bda-storefront .bda-doc-head h1{
    margin:0 0 8px;
    font-size:26px;
    line-height:1.25;
    font-weight:800;
    color:var(--bda-navy, #0b2545);
    letter-spacing:-.2px;
}
body.bda-storefront .bda-doc-intro{
    margin:0;
    font-size:15px;
    line-height:1.6;
    color:var(--bda-muted, #5c6b80);
}
body.bda-storefront .bda-doc-updated{
    margin:8px 0 0;
    font-size:13px;
    color:#8b97a8;
}

/* ---------- sections ---------- */
body.bda-storefront .bda-doc-section{
    padding-top:20px;
}
body.bda-storefront .bda-doc-section h2{
    margin:0 0 10px;
    font-size:18px;
    font-weight:700;
    color:var(--bda-navy, #0b2545);
}
body.bda-storefront .bda-doc-section h3{
    margin:16px 0 8px;
    font-size:15.5px;
    font-weight:700;
    color:var(--bda-ink, #0f2340);
}
body.bda-storefront .bda-doc-section p,
body.bda-storefront .bda-doc-section li{
    font-size:14.5px;   /* never below 12px for meaningful copy */
    line-height:1.7;
    color:var(--bda-ink, #0f2340);
}
body.bda-storefront .bda-doc-section p{margin:0 0 12px;}
body.bda-storefront .bda-doc-section ul,
body.bda-storefront .bda-doc-section ol{
    margin:0 0 14px;
    padding-left:20px;
}
body.bda-storefront .bda-doc-section li{margin-bottom:6px;}
body.bda-storefront .bda-doc-section a{
    color:var(--bda-navy, #0b2545);
    font-weight:600;
    text-decoration:underline;
}
body.bda-storefront .bda-doc-section a:hover{color:var(--bda-orange, #f26a1b);}

/* a plain note block, used for "what we do not offer" style clarifications */
body.bda-storefront .bda-doc-note{
    margin:0 0 14px;
    padding:12px 14px;
    border-radius:10px;
    background:#f4f7fb;
    border:1px solid var(--bda-line, #e4e9f0);
    font-size:14px;
    line-height:1.65;
    color:var(--bda-ink, #0f2340);
}

/* ---------- contact list ---------- */
body.bda-storefront .bda-doc-contact{
    list-style:none;
    margin:0;
    padding:0;
}
body.bda-storefront .bda-doc-contact li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:10px;
    font-size:14.5px;
    line-height:1.6;
}
body.bda-storefront .bda-doc-contact i{
    flex:0 0 18px;
    margin-top:3px;
    color:var(--bda-orange, #f26a1b);
}

/* ---------- support: action tiles ---------- */
body.bda-storefront .bda-help-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin:0 0 6px;
    padding:0;
    list-style:none;
}
@media (min-width: 600px){
    body.bda-storefront .bda-help-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (min-width: 1024px){
    body.bda-storefront .bda-help-grid{grid-template-columns:repeat(3, minmax(0,1fr));}
}

body.bda-storefront .bda-help-tile{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-height:44px;            /* comfortable tap target */
    padding:14px 15px;
    border:1px solid var(--bda-line, #e4e9f0);
    border-radius:12px;
    background:#fff;
    color:var(--bda-ink, #0f2340);
    text-decoration:none !important;
    transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
body.bda-storefront .bda-help-tile:hover{
    border-color:var(--bda-navy, #0b2545);
    box-shadow:0 6px 18px rgba(11,37,69,.08);
    transform:translateY(-1px);
}
body.bda-storefront .bda-help-tile strong{
    font-size:15px;
    font-weight:700;
    color:var(--bda-navy, #0b2545);
}
body.bda-storefront .bda-help-tile span{
    font-size:13.5px;
    line-height:1.55;
    color:var(--bda-muted, #5c6b80);
}
body.bda-storefront .bda-help-tile i{
    color:var(--bda-orange, #f26a1b);
    margin-right:6px;
}

/* map embed, only rendered when a real iframe is configured */
body.bda-storefront .bda-doc-map{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:12px;
    border:1px solid var(--bda-line, #e4e9f0);
}
body.bda-storefront .bda-doc-map iframe{
    display:block;
    width:100%;
    min-height:280px;
    border:0;
}

/* ---------- related links row ---------- */
body.bda-storefront .bda-doc-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px 10px;
    margin:6px 0 0;
    padding:0;
    list-style:none;
}
body.bda-storefront .bda-doc-links a{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 14px;
    border:1px solid var(--bda-line, #e4e9f0);
    border-radius:999px;
    background:#f7f9fc;
    color:var(--bda-navy, #0b2545);
    font-size:13.5px;
    font-weight:600;
    text-decoration:none !important;
}
body.bda-storefront .bda-doc-links a:hover{
    border-color:var(--bda-navy, #0b2545);
    color:var(--bda-orange, #f26a1b);
}

@media (max-width: 599px){
    body.bda-storefront .bda-doc{padding:16px 0 30px;}
    body.bda-storefront .bda-doc-card{padding:16px 14px 20px;border-radius:12px;}
    body.bda-storefront .bda-doc-head h1{font-size:22px;}
}

/* ==========================================================
   Skip link - visible only when focused by keyboard
   ========================================================== */
.bda-skip-link{
    position:absolute;
    left:-9999px;
    top:0;
    z-index:100000;
    padding:10px 16px;
    background:var(--bda-navy, #0b2545);
    color:#fff !important;
    font-weight:700;
    border-radius:0 0 8px 0;
    text-decoration:none !important;
}
.bda-skip-link:focus{
    left:0;
    outline:3px solid var(--bda-orange, #f26a1b);
    outline-offset:2px;
}

/* checkout: policy links under the pay button */
.mf-checkout-terms{
    margin:10px 0 0;
    font-size:13px;
    line-height:1.6;
    color:#5c6b80;
}
.mf-checkout-terms a{color:#0b2545;font-weight:600;text-decoration:underline;}
.mf-checkout-terms a:hover{color:#f26a1b;}

/* first section in a column: no top padding on desktop, but keep breathing
   room once the columns stack on mobile */
@media (min-width: 992px){
    body.bda-storefront .bda-doc-section-first{padding-top:0;}
}