/* DrinksLooker – Legal Documents Shared Stylesheet */

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.6;
    color: #222222;
    max-width: 780px;
    margin: 24px auto;
    padding: 0 24px 40px;
    background: #ffffff;
}

/* ── Document header ── */
.doc-header {
    text-align: center;
    margin-bottom: 28px;
    padding-bottom: 16px;
    border-bottom: 2px solid #1F3A5F;
}

.doc-header .brand {
    font-size: 20pt;
    font-weight: bold;
    color: #1F3A5F;
    letter-spacing: 3px;
    margin: 0 0 6px;
}

.doc-header .doc-title {
    font-size: 14pt;
    font-weight: bold;
    color: #1F3A5F;
    margin: 0 0 8px;
}

.doc-header .doc-date {
    font-size: 10pt;
    font-style: italic;
    color: #666666;
    margin: 0;
}

/* ── Section headings ── */
h2 {
    font-size: 13pt;
    font-weight: bold;
    color: #1F3A5F;
    margin: 22px 0 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid #dde3ea;
}

h3 {
    font-size: 11.5pt;
    font-weight: bold;
    color: #2C4F7A;
    margin: 14px 0 6px;
}

/* ── Body text ── */
p {
    margin: 0 0 10px;
    text-align: justify;
}

/* ── Lists ── */
ul, ol {
    margin: 4px 0 10px;
    padding-left: 24px;
}

ul li, ol li {
    margin-bottom: 5px;
    text-align: justify;
}

/* ── Table (CCPA) ── */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0 16px;
    font-size: 10pt;
}

table th {
    background-color: #1F3A5F;
    color: #ffffff;
    padding: 7px 10px;
    text-align: left;
    font-weight: bold;
}

table tr:nth-child(even) td {
    background-color: #F2F6FA;
}

table td {
    border: 1px solid #cccccc;
    padding: 6px 10px;
    vertical-align: top;
}

/* ── Links ── */
a {
    color: #0563C1;
}

a:visited {
    color: #954F72;
}

/* ── Contact block ── */
.contact-block {
    margin: 10px 0 10px 20px;
    line-height: 1.9;
}

/* ── Legal notice box (arbitration / all-caps warnings) ── */
.legal-notice {
    background: #f5f7fa;
    border-left: 4px solid #1F3A5F;
    padding: 10px 14px;
    margin: 12px 0;
    font-weight: bold;
    font-size: 10.5pt;
    text-align: justify;
}

/* ── PDF download link ── */
.pdf-link {
    display: inline-block;
    margin-top: 28px;
    padding: 9px 20px;
    background-color: #1F3A5F;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 10pt;
    font-weight: bold;
}

.pdf-link:visited {
    color: #ffffff;
}

.pdf-link:hover {
    background-color: #2C4F7A;
    color: #ffffff;
}

/* ── Responsive ── */
@media (max-width: 600px) {
    body {
        padding: 0 14px 30px;
        font-size: 10pt;
    }

    .doc-header .brand {
        font-size: 16pt;
    }

    .doc-header .doc-title {
        font-size: 12pt;
    }

    h2 { font-size: 12pt; }
    h3 { font-size: 11pt; }

    table { font-size: 9pt; }
}