/* UniversoCasinos.com — styles.css */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Source+Sans+Pro:wght@400;600;700&display=swap');

:root{
  --u11b-primary:#f97316;
  --u11b-primary-glow:rgba(249,115,22,0.4);
  --u11b-secondary:#ea580c;
  --u11b-accent:#fdba74;
  --u11b-accent-glow:rgba(253,186,116,0.3);
  --u11b-bg-from:#1a0f00;
  --u11b-bg-via:#3d2200;
  --u11b-bg-to:#0f0800;
  --u11b-card-bg:rgba(61,34,0,0.6);
  --u11b-card-border:rgba(249,115,22,0.2);
  --u11b-red:#dc2626;
  --u11b-text:#f5ede4;
  --u11b-text-dim:#c9b8a6;
  --u11b-heading-font:'Playfair Display',Georgia,serif;
  --u11b-body-font:'Source Sans Pro',system-ui,sans-serif;
  --u11b-mono-font:'Fira Code',monospace;
  --u11b-radius:8px;
  --u11b-transition:0.25s cubic-bezier(0.34,1.56,0.64,1);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--u11b-body-font);
  font-weight:400;
  color:var(--u11b-text);
  background:linear-gradient(160deg,var(--u11b-bg-from),var(--u11b-bg-via),var(--u11b-bg-to));
  min-height:100vh;
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--u11b-heading-font);font-weight:600;line-height:1.25;}

.u11b-container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* ===== Header ===== */
.u11b-header{
  position:sticky;top:0;z-index:100;
  background:rgba(15,8,0,0.85);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--u11b-card-border);
}
.u11b-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1200px;margin:0 auto;}
.u11b-logo{display:flex;align-items:center;gap:8px;font-family:var(--u11b-heading-font);font-size:1.4rem;font-weight:700;color:var(--u11b-text);}
.u11b-logo span{color:var(--u11b-primary);}
.u11b-nav-links{display:flex;align-items:center;gap:28px;}
.u11b-nav-links a{font-weight:600;font-size:0.95rem;color:var(--u11b-text-dim);transition:color var(--u11b-transition);}
.u11b-nav-links a:hover{color:var(--u11b-primary);}
.u11b-badge-18{
  display:inline-flex;align-items:center;justify-content:center;
  border:2px solid var(--u11b-red);color:var(--u11b-red);
  font-weight:700;font-size:0.8rem;border-radius:999px;
  width:34px;height:34px;flex-shrink:0;
}
.u11b-header-right{display:flex;align-items:center;gap:16px;}
.u11b-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.u11b-hamburger span{width:24px;height:2px;background:var(--u11b-text);}
.u11b-mobile-menu{display:none;flex-direction:column;gap:16px;padding:16px 20px 24px;border-top:1px solid var(--u11b-card-border);}
.u11b-mobile-menu.u11b-open{display:flex;}
.u11b-mobile-menu a{font-weight:600;color:var(--u11b-text-dim);}

/* ===== Buttons ===== */
.u11b-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 28px;border-radius:var(--u11b-radius);
  font-weight:700;font-size:0.95rem;cursor:pointer;border:2px solid var(--u11b-primary);
  background:transparent;color:var(--u11b-primary);
  transition:transform var(--u11b-transition),box-shadow var(--u11b-transition),color var(--u11b-transition),background var(--u11b-transition);
}
.u11b-btn:hover{transform:scale(1.05);}
.u11b-btn-primary{
  background:linear-gradient(135deg,var(--u11b-primary),var(--u11b-secondary));
  color:#fff;border-color:transparent;
  box-shadow:0 0 20px var(--u11b-primary-glow);
  animation:u11b-pulse 2.4s infinite;
}
.u11b-btn-primary:hover{box-shadow:0 0 34px var(--u11b-primary-glow);}
.u11b-btn-outline:hover{background:var(--u11b-primary);color:#fff;}
@keyframes u11b-pulse{
  0%,100%{box-shadow:0 0 16px var(--u11b-primary-glow);}
  50%{box-shadow:0 0 30px var(--u11b-primary-glow);}
}

/* ===== Hero ===== */
.u11b-hero{
  position:relative;padding:100px 20px 70px;text-align:center;overflow:hidden;
  background:
    radial-gradient(circle at 50% 20%,var(--u11b-primary-glow) 0%,transparent 55%),
    linear-gradient(180deg,rgba(15,8,0,0.4),rgba(15,8,0,0.9)),
    url('https://images.unsplash.com/photo-1596838132731-3301c3fd4317?q=80&w=1600&auto=format&fit=crop') center/cover;
}
.u11b-hero::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 50% 0%,var(--u11b-accent-glow),transparent 60%);
  pointer-events:none;
}
.u11b-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;}
.u11b-hero h1{
  font-size:clamp(2.2rem,5vw,3.6rem);color:#fff;margin-bottom:16px;text-shadow:0 4px 30px rgba(0,0,0,0.5);
  animation:u11b-float 6s ease-in-out infinite;
}
.u11b-hero p{font-size:1.15rem;color:var(--u11b-text-dim);margin-bottom:36px;}
@keyframes u11b-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

.u11b-search{
  display:flex;max-width:520px;margin:0 auto 20px;background:rgba(255,255,255,0.05);
  border:1px solid var(--u11b-card-border);border-radius:var(--u11b-radius);overflow:hidden;
}
.u11b-search input{
  flex:1;padding:14px 18px;background:transparent;border:none;color:var(--u11b-text);font-size:1rem;
}
.u11b-search input:focus{outline:none;}
.u11b-search button{
  padding:14px 24px;border:none;background:linear-gradient(135deg,var(--u11b-primary),var(--u11b-secondary));
  color:#fff;font-weight:700;cursor:pointer;transition:transform var(--u11b-transition);
}
.u11b-search button:hover{transform:scale(1.05);}
.u11b-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ===== Section shell ===== */
.u11b-section{padding:56px 20px;position:relative;}
.u11b-section-head{text-align:center;max-width:640px;margin:0 auto 40px;}
.u11b-section-head h2{font-size:clamp(1.7rem,3.5vw,2.4rem);color:#fff;margin-bottom:12px;}
.u11b-section-head p{color:var(--u11b-text-dim);}
.u11b-divider{
  height:1px;max-width:1200px;margin:0 auto;
  background:linear-gradient(90deg,transparent,var(--u11b-primary-glow),transparent);
  box-shadow:0 0 12px var(--u11b-primary-glow);
}

/* ===== Casino Cards ===== */
.u11b-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
@media (max-width:1024px){.u11b-grid-4{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.u11b-grid-4{grid-template-columns:1fr;}}

.u11b-card{
  position:relative;background:var(--u11b-card-bg);border:1px solid var(--u11b-card-border);
  border-radius:var(--u11b-radius);padding:26px 22px;display:flex;flex-direction:column;gap:14px;
  transition:transform var(--u11b-transition),border-color var(--u11b-transition),box-shadow var(--u11b-transition);
}
.u11b-card:hover{transform:scale(1.03);border-color:var(--u11b-primary);box-shadow:0 0 26px var(--u11b-primary-glow);}
.u11b-card-corner{
  position:absolute;top:-10px;right:14px;background:var(--u11b-red);color:#fff;
  font-size:0.7rem;font-weight:700;padding:4px 10px;border-radius:999px;
  box-shadow:0 0 12px rgba(220,38,38,0.5);
}
.u11b-card-logo{height:48px;display:flex;align-items:center;justify-content:center;}
.u11b-card-logo img{height:100%;width:auto;object-fit:contain;}
.u11b-card-logo-text{font-family:var(--u11b-heading-font);font-size:1.3rem;font-weight:700;color:#fff;}
.u11b-stars{color:var(--u11b-accent);font-size:1rem;letter-spacing:2px;}
.u11b-rating-num{color:var(--u11b-text-dim);font-size:0.85rem;margin-left:6px;}
.u11b-bonus{font-size:1.05rem;font-weight:700;color:var(--u11b-primary);}
.u11b-features{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:0.9rem;color:var(--u11b-text-dim);}
.u11b-features li::before{content:"✓ ";color:var(--u11b-primary);font-weight:700;}
.u11b-card-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;}
.u11b-read-review{text-align:center;font-size:0.85rem;font-weight:600;color:var(--u11b-accent);}
.u11b-read-review:hover{text-decoration:underline;}

/* ===== Table ===== */
.u11b-table-wrap{overflow-x:auto;border:1px solid var(--u11b-card-border);border-radius:var(--u11b-radius);}
.u11b-table{width:100%;border-collapse:collapse;min-width:640px;background:var(--u11b-card-bg);}
.u11b-table th,.u11b-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--u11b-card-border);font-size:0.92rem;}
.u11b-table th{font-family:var(--u11b-heading-font);color:var(--u11b-primary);font-weight:600;text-transform:uppercase;font-size:0.78rem;letter-spacing:0.05em;}
.u11b-table tr:last-child td{border-bottom:none;}
.u11b-table td.u11b-cell-casino{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff;}
.u11b-table td.u11b-cell-casino img{height:28px;width:auto;object-fit:contain;}

/* ===== Bento (how we rate) ===== */
.u11b-bento{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
@media (max-width:1024px){.u11b-bento{grid-template-columns:repeat(3,1fr);}}
@media (max-width:640px){.u11b-bento{grid-template-columns:repeat(2,1fr);}}
.u11b-bento-item{
  background:var(--u11b-card-bg);border:1px solid var(--u11b-card-border);border-radius:var(--u11b-radius);
  padding:24px 18px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;
  transition:transform var(--u11b-transition),box-shadow var(--u11b-transition);
}
.u11b-bento-item:hover{transform:scale(1.05);box-shadow:0 0 22px var(--u11b-accent-glow);}
.u11b-bento-icon{font-size:1.8rem;}
.u11b-bento-item h3{font-size:1rem;color:#fff;}
.u11b-bento-item p{font-size:0.82rem;color:var(--u11b-text-dim);}

/* ===== Reviews ===== */
.u11b-review-card{
  background:var(--u11b-card-bg);border:1px solid var(--u11b-card-border);border-radius:var(--u11b-radius);
  padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform var(--u11b-transition),box-shadow var(--u11b-transition);
}
.u11b-review-card:hover{transform:scale(1.03);box-shadow:0 0 22px var(--u11b-primary-glow);}
.u11b-review-top{display:flex;justify-content:space-between;align-items:center;}
.u11b-review-top h3{font-size:1.05rem;color:#fff;}
.u11b-review-date{font-size:0.78rem;color:var(--u11b-text-dim);font-family:var(--u11b-mono-font);}
.u11b-review-card p{font-size:0.9rem;color:var(--u11b-text-dim);}
.u11b-review-card a{font-size:0.85rem;font-weight:700;color:var(--u11b-primary);}
.u11b-review-card a:hover{text-decoration:underline;}

/* ===== Newsletter ===== */
.u11b-newsletter{
  background:linear-gradient(135deg,rgba(249,115,22,0.12),rgba(234,88,12,0.05));
  border:1px solid var(--u11b-card-border);border-radius:var(--u11b-radius);
  padding:48px 30px;text-align:center;max-width:760px;margin:0 auto;
}
.u11b-newsletter h2{color:#fff;margin-bottom:10px;}
.u11b-newsletter p{color:var(--u11b-text-dim);margin-bottom:24px;}
.u11b-newsletter-form{display:flex;gap:12px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.u11b-newsletter-form input{
  flex:1;min-width:200px;padding:13px 16px;border-radius:var(--u11b-radius);
  border:1px solid var(--u11b-card-border);background:rgba(255,255,255,0.05);color:var(--u11b-text);
}
.u11b-newsletter-form input:focus{outline:none;border-color:var(--u11b-primary);}
.u11b-newsletter-msg{margin-top:14px;font-size:0.9rem;color:var(--u11b-accent);min-height:1.2em;}

/* ===== 18+ Disclaimer ===== */
.u11b-disclaimer{
  border-top:1px solid var(--u11b-card-border);border-bottom:1px solid var(--u11b-card-border);
  padding:34px 20px;text-align:center;background:rgba(220,38,38,0.06);
}
.u11b-disclaimer-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;}
.u11b-badge-18-large{
  width:64px;height:64px;border-radius:999px;border:3px solid var(--u11b-red);
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:var(--u11b-red);
  box-shadow:0 0 20px rgba(220,38,38,0.35);
}
.u11b-disclaimer p{font-size:0.85rem;color:var(--u11b-text-dim);}

/* ===== Footer ===== */
.u11b-footer{padding:40px 20px 30px;}
.u11b-footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center;}
.u11b-footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;}
.u11b-footer-links a{font-size:0.88rem;color:var(--u11b-text-dim);font-weight:600;}
.u11b-footer-links a:hover{color:var(--u11b-primary);}
.u11b-footer-bottom{font-size:0.8rem;color:var(--u11b-text-dim);display:flex;flex-direction:column;gap:6px;align-items:center;}
.u11b-footer-gamble{color:var(--u11b-accent);font-weight:700;}

/* ===== Simple pages (privacy/terms) ===== */
.u11b-page{max-width:820px;margin:0 auto;padding:60px 20px 80px;}
.u11b-page h1{color:#fff;font-size:2rem;margin-bottom:24px;}
.u11b-page h2{color:var(--u11b-primary);font-size:1.3rem;margin:28px 0 12px;}
.u11b-page p,.u11b-page li{color:var(--u11b-text-dim);font-size:0.95rem;margin-bottom:10px;}
.u11b-page ul{padding-left:20px;}

/* ===== FAQ accordion (used on index How We Rate area optionally) ===== */
.u11b-faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.u11b-faq-item{border:1px solid var(--u11b-card-border);border-radius:var(--u11b-radius);background:var(--u11b-card-bg);overflow:hidden;}
.u11b-faq-q{
  width:100%;text-align:left;padding:16px 20px;background:none;border:none;color:#fff;font-weight:700;
  cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:0.95rem;
}
.u11b-faq-a{padding:0 20px;max-height:0;overflow:hidden;transition:max-height var(--u11b-transition);color:var(--u11b-text-dim);font-size:0.88rem;}
.u11b-faq-item.u11b-open .u11b-faq-a{padding-bottom:16px;max-height:200px;}
.u11b-faq-icon{transition:transform var(--u11b-transition);}
.u11b-faq-item.u11b-open .u11b-faq-icon{transform:rotate(45deg);}

@media (max-width:768px){
  .u11b-nav-links{display:none;}
  .u11b-hamburger{display:flex;}
}
/* Builder: age confirmation modal disabled */
[class*="age-overlay"], [id*="age-overlay"] { display: none !important; }