/* Leikurinn.is 2.1.0 — Mínir leikir og persónusnið */
[hidden]{display:none!important}

/* Follow actions */
.entity-actions{display:flex!important;align-items:center;flex-wrap:wrap;gap:9px}
.entity-actions form,.competition-follow-wrap form{margin:0}
.competition-follow-wrap{margin-top:15px}
.follow-entity-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.09);padding:8px 13px;color:#fff;font:800 11px/1 Inter,sans-serif;cursor:pointer;backdrop-filter:blur(8px);transition:.16s ease}
.follow-entity-button:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.15);transform:translateY(-1px)}
.follow-entity-button.is-following{border-color:#ffd978;background:#fff4ca;color:#4d3900}
.follow-entity-button:disabled{cursor:not-allowed;opacity:.55}
.competition-hero-v23 .follow-entity-button{border-color:rgba(255,255,255,.24)}

/* Scores personalization */
.scores-page-v22{width:min(1380px,calc(100% - 40px))}
.scores-page-v22 .scores-header{background:radial-gradient(circle at 84% 18%,rgba(255,112,95,.25),transparent 28%),linear-gradient(125deg,#10165d,#2a176f 58%,#482081)}
.preference-banner{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;max-width:1220px;margin:0 auto 20px;border:1px solid #dfd9ec;border-radius:16px;background:#fff;padding:14px 16px;box-shadow:0 10px 28px rgba(22,17,65,.05)}
.preference-banner-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eee9ff;color:#3e2083}
.preference-banner.uses-default .preference-banner-icon{background:#fff1e7;color:#e95d4c}
.preference-banner small{display:block;color:#ef6c5f;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.preference-banner strong{display:block;margin-top:2px;color:#171b50;font-size:14px}
.preference-banner p{margin:3px 0 0;color:#737789;font-size:11px}
.preference-banner>a{display:inline-flex;align-items:center;gap:7px;border-radius:10px;background:#1a1c67;padding:10px 13px;color:#fff;font-size:10px;font-weight:850}
.matches-toolbar-v22{display:flex;align-items:center;justify-content:space-between}
.matches-toolbar-v22>div>small{display:block;margin-top:3px;color:#9295a4;font-size:9px;font-weight:750}
.match-filters-v22{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px;border:1px solid #e5e1eb;border-radius:15px;background:#fff;padding:12px 14px}
.score-filter-tabs{display:flex;align-items:center;gap:5px}
.score-filter-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:37px;border:1px solid transparent;border-radius:9px;background:#f4f2f8;padding:8px 11px;color:#54586c;font-size:10px;font-weight:850;cursor:pointer}
.score-filter-tabs button span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#fff;color:#696c7d;font-size:8px}
.score-filter-tabs button.active{border-color:#282071;background:#282071;color:#fff}
.score-filter-tabs button.active span{color:#27206e}
.score-filter-tabs button[data-score-filter="live"] i{color:#f05d50;font-size:7px}
.score-select-filters{display:flex;gap:8px}
.score-select-filters label{display:grid;gap:3px;color:#777b8d;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.score-select-filters select{min-width:155px;height:36px;border:1px solid #e1ddea;border-radius:9px;background:#faf9fc;padding:0 30px 0 10px;color:#262a50;font-size:10px;font-weight:750;outline:none}
.scores-page-v22 .scores-grid{align-items:start}
.league-card>header{padding:0!important}
.league-card-toggle{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto 12px;align-items:center;gap:10px;width:100%;min-height:55px;border:0;background:transparent;padding:10px 14px;text-align:left;cursor:pointer}
.league-card-toggle>img{width:30px;height:30px;object-fit:contain}
.league-card-toggle>div{min-width:0}
.league-card-toggle>div>span{display:block;color:#85899a;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.league-card-toggle h3{overflow:hidden;margin:2px 0 0;color:#20254a;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.league-card-toggle>em{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#fff3ca;padding:5px 8px;color:#735b08;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}
.league-card-toggle>em.is-default{background:#ffeae5;color:#a63a2f}
.league-card-toggle>b{color:#898c9b;font-size:8px;font-weight:800;white-space:nowrap}
.league-card-toggle>.collapse-icon{color:#9ca0ad;font-size:9px;transition:.18s ease}
.league-card.is-collapsed .league-card-matches{display:none}
.league-card.is-collapsed .collapse-icon{transform:rotate(180deg)}
.league-card.is-priority{border-color:#efdfaa;box-shadow:0 13px 32px rgba(95,69,0,.06)}
.league-card.is-priority>header{background:#fffaf0}
.league-card .match-row.is-priority{background:#fffdf6}
.league-card .match-row[hidden]{display:none!important}
.scores-filter-empty{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:10px;border:1px dashed #d8d3e1;border-radius:15px;background:#fff;padding:30px;color:#727687;font-size:12px}
.scores-filter-empty i{font-size:20px;color:#9a86bf}
.scores-filter-empty button{border:0;border-radius:9px;background:#26206d;padding:8px 11px;color:#fff;font-size:10px;font-weight:850;cursor:pointer}
.scores-empty{grid-column:1/-1!important;padding:54px 20px!important;text-align:center}
.scores-empty>i{display:block;margin-bottom:12px;color:#8d7fb1;font-size:32px}
.scores-empty h3{margin:0;color:#1d2253;font-size:18px}
.scores-empty p{margin:7px auto 16px;color:#777b8c}
.scores-empty a{display:inline-flex;align-items:center;gap:7px;border-radius:10px;background:#241b6d;padding:10px 14px;color:#fff;font-size:10px;font-weight:850}

/* Profile */
.profile-page-v21{width:min(1220px,calc(100% - 40px))}
.profile-page-v21>header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;background:radial-gradient(circle at 82% 18%,rgba(255,112,95,.24),transparent 28%),linear-gradient(115deg,#10165d,#43207c)}
.profile-page-v21>header>div{max-width:760px}
.profile-page-v21>header>a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.1);padding:11px 14px;color:#fff;font-size:11px;font-weight:850}
.connections{display:grid;align-content:start;gap:9px}
.connections h2{margin-bottom:7px}
.connections>div{border:1px solid #ebe7ef;border-radius:12px;padding:10px}
.connections>div>i.fa-google{background:#fff;color:#4285f4;box-shadow:inset 0 0 0 1px #dedee4}
.favorites-form-v21{padding:26px}
.preference-default-note{display:flex;align-items:center;gap:12px;margin:-3px 0 20px;border:1px solid #f1d8c2;border-radius:13px;background:#fff8f2;padding:12px 14px;color:#613f2e}
.preference-default-note.is-inactive{border-color:#e3dfeb;background:#f8f7fb;color:#696b79}
.preference-default-note>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff;color:#e06152}
.preference-default-note strong,.preference-default-note span{display:block}
.preference-default-note strong{font-size:11px}.preference-default-note span{margin-top:2px;font-size:9px}
.favorites-picker fieldset{padding:15px}
.picker-search{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;margin-bottom:9px;border:1px solid #e3dfeb!important;background:#fff!important;padding:0 10px!important}
.picker-search>i{color:#9a9cab;font-size:10px}
.picker-search input{width:100%;height:35px;border:0;background:transparent;font-size:10px;outline:none}
.favorites-picker fieldset>div{grid-template-columns:repeat(2,minmax(0,1fr));max-height:390px}
.favorites-picker label[data-preference-item]>i{display:grid;place-items:center;width:26px;height:26px;color:#8e84a7}
.favorites-picker label[data-preference-item]>span{min-width:0}
.favorites-picker label[data-preference-item] small{display:block;overflow:hidden;margin-top:2px;color:#9699a7;font-size:8px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.notification-settings{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(190px,240px);align-items:center;gap:22px;margin-top:20px;border:1px solid #e4dfeb;border-radius:16px;background:#f8f7fb;padding:18px}
.notification-settings>div>span{color:#ef6d60;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.notification-settings h3{margin:3px 0;color:#1d2253;font-size:17px}.notification-settings p{margin:4px 0 0;color:#777b8d;font-size:10px}
.notification-toggle{display:grid;grid-template-columns:42px auto;align-items:center;gap:9px;cursor:pointer}
.notification-toggle input{position:absolute;opacity:0}
.notification-toggle>span{position:relative;width:42px;height:24px;border-radius:999px;background:#c9c8d0;transition:.16s}
.notification-toggle>span:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.16);content:"";transition:.16s}
.notification-toggle input:checked+span{background:#35217c}.notification-toggle input:checked+span:after{left:21px}
.notification-toggle strong{font-size:10px}
.notification-time{display:grid;gap:5px;color:#5f6273;font-size:9px;font-weight:850}
.notification-time select{height:38px;border:1px solid #ddd9e6;border-radius:9px;background:#fff;padding:0 9px;color:#272b52;font-size:10px;font-weight:750}
.profile-save-mobile{display:none}

/* Social sign-in */
.social-auth-stack{display:grid;gap:9px}
.google-auth,.social-auth-stack .facebook-auth{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;border-radius:12px;font-weight:800;text-decoration:none}
.google-auth{border:1px solid #dcdde3;background:#fff;color:#282b39;box-shadow:0 6px 18px rgba(30,35,55,.07)}
.google-auth:hover{border-color:#bdc1cc;background:#f8f9fb;color:#202331}
.google-auth i{color:#4285f4}

/* Personalized home news */
.personalized-news-v21{margin:30px 0 34px;border-top:3px solid #201a68;padding-top:17px}
.personalized-news-v21 .v14-section-head>div>span{display:block;color:#ef6b5d;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.personalized-news-v21 .v14-section-head p{margin:5px 0 0;color:#777b8a;font-size:10px;font-weight:600}
.personalized-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.personalized-news-grid article{overflow:hidden;border:1px solid #e3dfe8;border-radius:14px;background:#fff;box-shadow:0 9px 25px rgba(20,17,66,.045)}
.personalized-news-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#eceaf0}
.personalized-news-image img,.personalized-news-image>.image-fallback{width:100%;height:100%;object-fit:cover}
.personalized-news-grid article>div{padding:12px}.personalized-news-grid article>div>span{color:#ef6b5d;font-size:8px;font-weight:900;text-transform:uppercase}
.personalized-news-grid h3{margin:6px 0 9px;color:#171c50;font-size:12px;line-height:1.28}.personalized-news-grid time{color:#9295a3;font-size:8px;font-weight:700}

/* Mobile application navigation */
.mobile-bottom-nav{display:none}

@media(max-width:900px){
  .match-filters-v22{align-items:stretch;flex-direction:column}
  .score-select-filters select{min-width:0;width:100%}
  .score-select-filters label{flex:1}
  .notification-settings{grid-template-columns:1fr 1fr}.notification-settings>div{grid-column:1/-1}
  .personalized-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:699px){
  body{padding-bottom:68px}
  .scores-page-v22,.profile-page-v21{width:calc(100% - 20px)}
  .preference-banner{grid-template-columns:38px minmax(0,1fr);gap:10px;margin-bottom:13px;padding:12px}
  .preference-banner-icon{width:38px;height:38px}.preference-banner p{display:none}.preference-banner>a{grid-column:1/-1;justify-content:center}
  .match-filters-v22{padding:10px}
  .score-filter-tabs{display:grid;grid-template-columns:repeat(3,1fr)}
  .score-filter-tabs button{justify-content:center;padding-inline:7px}.score-filter-tabs button i{display:none}
  .score-select-filters{display:grid;grid-template-columns:1fr 1fr}
  .league-card-toggle{grid-template-columns:27px minmax(0,1fr) auto 10px;padding-inline:10px}
  .league-card-toggle>img{width:27px;height:27px}.league-card-toggle>b{display:none}
  .league-card-toggle>em{max-width:78px;padding-inline:6px;font-size:7px}
  .profile-page-v21>header{align-items:flex-start;flex-direction:column;padding:28px 23px}
  .profile-page-v21>header>a{width:100%;justify-content:center}
  .favorites-form-v21{padding:16px}.favorites-form-v21 .favorites-form-heading>button{display:none}
  .favorites-picker fieldset>div{grid-template-columns:1fr}
  .notification-settings{grid-template-columns:1fr;gap:15px}.notification-settings>div{grid-column:auto}
  .profile-save-mobile{display:block;margin-top:15px}.profile-save-mobile button{width:100%;border:0;border-radius:11px;background:#251261;padding:12px;color:#fff;font-size:11px;font-weight:900}
  .personalized-news-v21{margin-top:22px}.personalized-news-grid{grid-template-columns:1fr 1fr;gap:8px}.personalized-news-grid article>div{padding:9px}.personalized-news-grid h3{font-size:10px}
  .auth-page-v21 .auth-intro p{font-size:14px}
  .mobile-bottom-nav{position:fixed;z-index:100;right:8px;bottom:max(7px,env(safe-area-inset-bottom));left:8px;display:grid;grid-template-columns:repeat(4,1fr);min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(13,19,82,.96);padding:5px;box-shadow:0 13px 35px rgba(8,11,50,.3);backdrop-filter:blur(16px)}
  .mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:12px;color:#c9c9dc;font-size:8px;font-weight:800}.mobile-bottom-nav a i{font-size:15px}.mobile-bottom-nav a.active{background:#ff705f;color:#111755}
}

@media(max-width:430px){
  .score-select-filters{grid-template-columns:1fr}
  .score-filter-tabs button span{display:none}
  .personalized-news-grid{grid-template-columns:1fr}
}
