/* sms-seks.com "Pink field": privacy (/zasebnost.html) and cookies (/o-piskotkih.html, /spletni-piskotki).
   Spec: docs/superpowers/specs/2026-11-01-sms-seks-pinkfield-design.md (Pages: Privacy and Cookies)
   Replaces the inline <style> blocks that privacy.php and cookies.php used to carry. */

/* ---------- Text column ---------- */
.privacyPolicy, .cookiePolicy {
  max-width: 820px; margin-top: clamp(24px, 3vw, 40px);
  padding: clamp(20px, 3vw, 40px); background: #000;
  font: 400 16px/1.65 var(--font); color: var(--text);
  text-align: left; overflow-wrap: break-word;
}
.privacyPolicy p, .privacyPolicy ul, .cookiePolicy p, .cookiePolicy ul { margin: 0 0 12px; }
.privacyPolicy strong, .cookiePolicy strong { color: #fff; }

.privacyPolicy h2, .cookiePolicy h2 {
  margin: 26px 0 10px;
  font: italic 900 24px/1.2 var(--disp); text-transform: uppercase; color: var(--pink-hi);
}
.privacyPolicy h3, .cookiePolicy h3 { margin: 18px 0 8px; font: 700 17px/1.3 var(--font); color: #fff; }
.privacyPolicy > :first-child, .cookiePolicy > :first-child { margin-top: 0; }

.privacyPolicy ul, .cookiePolicy ul { padding-left: 22px; }
.privacyPolicy li, .cookiePolicy li { list-style: disc; margin: 0 0 4px; }
.privacyPolicy li::marker, .cookiePolicy li::marker { color: var(--pink); }

.privacyPolicy a, .cookiePolicy a { color: var(--pink-hi); text-decoration: underline; }
@media (hover: hover) {
  .privacyPolicy a:hover, .cookiePolicy a:hover { color: #fff; }
}

.privacyPolicy code, .cookiePolicy code { font-family: Consolas, Menlo, "Courier New", monospace; font-size: .92em; }

.privacyLead, .cookieLead { font-size: 1.07em; }
.privacyUpdated, .cookieUpdated { margin-top: 20px; font-size: .9em; color: var(--muted); }

/* ---------- Cookie table ---------- */
.cookieTable { width: 100%; margin: 0 0 16px; border-collapse: collapse; font-size: .93em; line-height: 1.45; }
.cookieTable th, .cookieTable td { padding: 7px 10px; border: 1px solid #3a3a3a; text-align: left; vertical-align: top; }
.cookieTable th { background: #161616; font-weight: 700; color: #fff; }
.cookieTable td:first-child { width: 22%; }
.cookieTable td:nth-child(2) { width: 18%; }
.cookieTable td:last-child { width: 17%; }

@media (max-width: 600px) {
  /* one bordered block per row; cells captioned by their data-label */
  .cookieTable thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }
  .cookieTable, .cookieTable tbody, .cookieTable tr, .cookieTable td { display: block; width: auto !important; }
  .cookieTable tr { margin-bottom: 10px; border: 1px solid #3a3a3a; }
  .cookieTable td { padding: 4px 10px; border: 0; }
  .cookieTable td:first-child { padding-top: 8px; background: #161616; }
  .cookieTable td:last-child { padding-bottom: 8px; }
  .cookieTable td::before { content: attr(data-label) ": "; font-weight: 700; color: #fff; }
  .cookieTable td:first-child::before { content: ""; }
}

@media print {
  .privacyPolicy, .cookiePolicy { background: #fff; color: #000; }
}