/* MePlus+ (מי פלוס), the supplement inside the MeAriel brand (brief 6.11.2026 §5).
   One warm gradient family: the horoscope's purple into the food hero's orange-brown. Golden-ratio spacing (Fibonacci), RTL. */
:root{--mp-1:#2A1D5C;--mp-2:#4B2A7A;--mp-3:#8A3D00;--mp-acc:#F08A24;--mp-soft:#F7F3FC;
  --mp-grad:linear-gradient(135deg,var(--mp-1) 0%,var(--mp-2) 38.2%,var(--mp-3) 100%)}

/* wordmark: "MePlus+ · מי פלוס" */
.mp-mark{display:inline-flex;align-items:baseline;gap:2px;font:800 21px/1 var(--mv-font-h);direction:ltr;unicode-bidi:isolate}
.mp-mark b{font-weight:800}
.mp-mark i{font-style:normal;color:var(--mp-acc);font-weight:900}
.mp-mark-he{direction:rtl;font:500 16px/1 var(--mv-font-b);opacity:.85}
.mp-navmark{display:inline-flex;align-items:baseline;direction:ltr;unicode-bidi:isolate;font-weight:800;color:var(--mp-2)}
.mp-navmark i{font-style:normal;color:var(--mp-acc);font-weight:900}

/* cards: every card has an image (Kiril's rule) */
.mp-card{display:flex;flex-direction:column;gap:5px;color:var(--mv-ink)!important;text-decoration:none!important;min-width:0}
.mp-pic{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--mv-r);overflow:hidden;background:var(--mp-grad)}
.mp-pic img,.mp-pic .mv-bph{width:100%;height:100%;object-fit:cover;display:block}
.mp-card:hover .mp-pic img{transform:scale(1.034)}
.mp-pic img{transition:transform var(--mv-t4)}
.mp-sc{position:absolute;top:8px;inset-inline-start:8px;min-width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#1a7f37;color:#fff;font-size:15px}
.mp-kick{font:700 13px/1.4 var(--mv-font-b);color:var(--mp-3)}
.mp-t{font:700 17px/1.35 var(--mv-font-h)}
.mp-m{font-size:13px;line-height:1.5;color:var(--mv-muted)}
.mp-card:hover .mp-t{text-decoration:underline}

/* tiles */
.mp-tiles{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.mp-tile{position:relative;display:flex;align-items:center;gap:8px;color:var(--mv-ink)!important;text-decoration:none!important}
.mp-tiles-page{grid-template-columns:repeat(auto-fill,minmax(233px,1fr))}
.mp-tiles-page .mp-tile{display:block;aspect-ratio:3/2;border-radius:var(--mv-r);overflow:hidden;background:var(--mp-grad);color:#fff!important}
.mp-tiles-page .mp-tile-pic,.mp-tiles-page .mp-tile-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mp-tiles-page .mp-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(11 34 54/.82) 0%,rgb(11 34 54/.2) 61.8%,transparent 100%)}
.mp-tiles-page .mp-tile-ic{position:absolute;top:13px;inset-inline-start:13px;z-index:1;font-size:26px}
.mp-tiles-page .mp-tile-tx{position:absolute;inset:auto 13px 13px 13px;z-index:1;display:flex;flex-direction:column;gap:3px}
.mp-tiles-page .mp-tile-tx b{font:800 21px/1.2 var(--mv-font-h)}
.mp-tiles-page .mp-tile-tx small{font-size:14px;opacity:.9}
.mp-tiles-mega{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mp-tiles-mega .mp-tile{padding:5px;border-radius:var(--mv-r);min-height:55px}
.mp-tiles-mega .mp-tile:hover{background:var(--mp-soft)}
.mp-tiles-mega .mp-tile-pic{flex:0 0 55px;width:55px;height:55px;border-radius:8px;overflow:hidden;background:var(--mp-grad)}
.mp-tiles-mega .mp-tile-pic img{width:100%;height:100%;object-fit:cover;display:block}
.mp-tiles-mega .mp-tile-ic{display:none}
.mp-tiles-mega .mp-tile-tx{display:flex;flex-direction:column;min-width:0}
.mp-tiles-mega .mp-tile-tx b{font:700 15px/1.3 var(--mv-font-b)}
.mp-tiles-mega .mp-tile-tx small{font-size:12px;color:var(--mv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-tiles-drawer{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mp-tiles-drawer .mp-tile{min-height:44px;padding:8px 13px;border-radius:var(--mv-r);background:var(--mp-soft)}
.mp-tiles-drawer .mp-tile-ic{font-size:20px;line-height:1}
.mp-tiles-drawer .mp-tile-tx b{font:700 15px/1.25 var(--mv-font-b)}

/* desktop mega-menu */
.mv-nav .mp-mega{width:min(890px,calc(100vw - 42px));padding:21px}
.mp-mega-in{display:grid;grid-template-columns:61.8fr 38.2fr;gap:21px}
.mp-mega-side{display:flex;flex-direction:column;gap:13px;padding-inline-start:21px;border-inline-start:1px solid var(--mv-border)}
.mp-mega-side .mp-card .mp-pic{aspect-ratio:16/9}
.mp-mega-hs .mear-hs-chips{flex-wrap:wrap;overflow:visible;padding:5px 0 0;gap:5px}
.mp-mega-hs .mear-hs-chips a{min-height:34px;padding:3px 8px;font-size:13px}
.mp-mega .mv-more{align-self:flex-start}
.mv-nav .mv-k-meplus>.mv-nav-link{gap:5px}

/* drawer block */
.mv-drawer-nav .mp-drawer{padding:13px 0;border-top:1px solid var(--mv-border)}
.mv-drawer-nav .mp-drawer-h{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:55px;justify-content:center;margin:0 0 8px}
.mv-drawer-nav .mp-drawer-h .mp-navmark{font-size:21px}
.mv-drawer-nav .mp-drawer-h small{font:500 13px/1.3 var(--mv-font-b);color:var(--mv-muted)}

/* bottom bar */
.mv-bnav a.mv-bnav-mp:not([aria-current]){color:var(--mp-2)!important}

/* homepage band */
.mp-band{background:var(--mp-soft);padding-block:34px}
.mp-band-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 21px;margin:0 0 21px}
.mp-band-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 13px;margin:0;color:var(--mp-1)}
.mp-band-h .mp-mark{font-size:30px}
.mp-band-sub{font:500 16px/1.3 var(--mv-font-b);color:var(--mv-muted)}
.mp-band-sh{font-size:14px;font-weight:700;color:var(--mp-3)}
.mp-band-all{margin-inline-start:auto;font-weight:700;color:var(--mp-2)!important;text-decoration:none}
.mp-band-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}
.mp-band-chips{margin-top:13px}
.mp-band-chips .mear-hs-chips{padding-bottom:0}

/* the /meplus/ page */
.mp .mp-hero{margin:8px 0 34px;padding:34px;border-radius:21px;color:#fff;background:var(--mp-grad)}
.mp-hero-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 21px;margin:0 0 13px}
.mp-hero .mp-mark{font-size:26px;padding:5px 13px;border-radius:999px;background:rgb(255 255 255/.146)}
.mp-hero-date{font-size:15px;opacity:.9}
.mp .mp-h1{margin:0 0 13px;max-width:890px;font:800 clamp(30px,2.4vw + 1rem,46px)/1.15 var(--mv-font-h);color:#fff}
.mp-hero-line{display:flex;flex-wrap:wrap;gap:8px 21px;margin:0;font-size:16px}
.mp-hero-line a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.mp-h2{margin:0;color:var(--mp-1);font:800 26px/1.2 var(--mv-font-h)}
.mp-today,.mp-corners,.mp-row,.mp-sub,.mp-about{margin:0 0 55px}
.mp-today .mp-h2,.mp-corners .mp-h2{margin-bottom:21px}
.mp-today-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}
.mp-chips-row{margin-top:21px}
.mp-row-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 13px;margin:0 0 13px}
.mp-row-sub{font-size:15px;color:var(--mv-muted)}
.mp-row-head .mv-more{margin-inline-start:auto}
.mp-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,260px);gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.mp-scroll>*{scroll-snap-align:start}
.mp-sub{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px 34px;padding:21px 34px;border-radius:21px;background:var(--mp-soft)}
.mp-sub p{margin:5px 0 0;max-width:610px;line-height:1.618}
.mp-about p{max-width:760px;font-size:17px;line-height:1.75;color:var(--mv-text)}

@media (max-width:986px){
  .mp-band-grid,.mp-today-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px}
  .mp .mp-hero{padding:21px;border-radius:13px}
}
@media (max-width:600px){
  .mp-band{padding-block:21px}
  .mp-band-h .mp-mark{font-size:26px}
  .mp-band-all{margin-inline-start:0}
  .mp-t{font-size:15px}
  .mp-tiles-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mp-tiles-page .mp-tile-tx b{font-size:17px}
  .mp-tiles-page .mp-tile-tx small{display:none}
  .mp-scroll{grid-auto-columns:minmax(200px,72vw)}
  .mp-sub{padding:21px}
}
@media (prefers-reduced-motion:reduce){.mp-pic img{transition:none}.mp-card:hover .mp-pic img{transform:none}}

/* horoscope sign chips (same look as snippet 46, which styles them only on its own pages) */
.mear-hs-chips{display:flex;gap:8px;overflow-x:auto;padding:5px 0 13px;scrollbar-width:thin}
.mear-hs-chips a{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:5px 13px;border-radius:999px;background:#fff;border:1px solid var(--mv-border);color:var(--mv-ink)!important;font-weight:700;font-size:16px;text-decoration:none!important}
.mear-hs-chips a:hover{background:#ebe5f5}
.mear-hs-chips a[aria-current]{background:var(--mv-ink);color:#fff!important}
.mear-hs-chips span{font-size:20px;line-height:1}

/* horoscope card without an illustration: a starry night in the supplement colors */
.mp-stars{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:13px;color:#fff;font-size:34px;
  background:radial-gradient(circle at 18% 21%,rgb(255 255 255/.4) 0 2px,transparent 3px),radial-gradient(circle at 76% 34%,rgb(255 255 255/.5) 0 2px,transparent 3px),radial-gradient(circle at 55% 76%,rgb(255 255 255/.35) 0 1px,transparent 2px),radial-gradient(circle at 34% 61%,rgb(255 255 255/.3) 0 1px,transparent 2px),linear-gradient(135deg,#0b2236 0%,#2a1d5c 61.8%,#4b2a7a 100%)}
.mp-stars b{font-weight:400;opacity:.9}
.mp-tile-pic:empty{background:radial-gradient(circle at 21% 26%,rgb(255 255 255/.4) 0 2px,transparent 3px),radial-gradient(circle at 70% 40%,rgb(255 255 255/.5) 0 2px,transparent 3px),var(--mp-grad)}
/* drawer grid: no list dividers between tiles, equal heights */
.mv-drawer-nav .mp-tiles-drawer li{border:0!important;display:flex}
.mv-drawer-nav .mp-tiles-drawer .mp-tile{flex:1;min-height:55px}

/* Astra's .ast-container is flex: a main without min-width:0 grows to its widest scroll row (horizontal page scroll at 987-1220px) */
.ast-container>main.mv-single{min-width:0;flex:1 1 100%;max-width:100%}

/* step 2: the corner strip under the header on every MePlus+ page */
.mp-strip{background:var(--mp-soft);border-bottom:1px solid var(--mv-border)}
.mp-strip ul{list-style:none;margin:0;padding:5px 0;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mp-strip ul::-webkit-scrollbar{display:none}
.mp-strip li{flex:none}
.mp-strip a{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 13px;border-radius:999px;color:var(--mv-ink)!important;font:600 15px/1 var(--mv-font-b);text-decoration:none!important;white-space:nowrap}
.mp-strip a:hover{background:#ebe5f5}
.mp-strip a[aria-current]{background:var(--mp-2);color:#fff!important}
.mp-strip a[aria-current] .mp-navmark{color:#fff}
.mp-strip-home .mp-navmark{font-size:17px}

/* end-of-article box */
.mp-artbox{margin:34px 0 0;padding:21px;border-radius:21px;background:var(--mp-soft)}
.mp-artbox-head{display:flex;flex-wrap:wrap;align-items:center;gap:5px 13px;margin:0 0 13px}
.mp-artbox-h{margin:0;color:var(--mp-1)}
.mp-artbox-h .mp-mark{font-size:26px}
.mp-artbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

/* article sidebar widget */
.mp-side{display:flex;flex-direction:column;gap:8px}
.mp-side-h{margin:0}
.mp-signs{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.mp-signs a{display:flex;align-items:center;justify-content:center;gap:3px;min-height:44px;padding:0 5px;border-radius:8px;background:var(--mp-soft);color:var(--mv-ink)!important;font:600 13px/1 var(--mv-font-b);text-decoration:none!important}
.mp-signs a:hover{background:#ebe5f5}
.mp-signs span{font-size:16px}
.mp-side .mp-card .mp-pic{aspect-ratio:16/9}

/* 404 / empty search */
.mp-deadend{margin-top:34px}
@media (max-width:986px){.mp-artbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-artbox-grid>:nth-child(3){display:none}}
@media (max-width:600px){.mp-artbox{padding:16px;border-radius:13px}}
.mp-section .mv-subnav{display:none}
/* the sidebar widget is for desktop; on phones the end-of-article box already carries MePlus+ */
@media (max-width:986px){.mv-side .mp-side{display:none}}
/* WordPress link embeds (wp-embedded-content) are 600px iframes: keep them inside the column (was a sideways scroll on phones) */
.mv-art-body iframe{max-width:100%}
.mv-art-body p:has(> iframe.wp-embedded-content){position:relative;overflow:hidden}

/* step 3: the hubs */
.mp-hero-hub{position:relative;overflow:hidden;min-height:233px;display:flex;align-items:flex-end}
.mp-hero-pic,.mp-hero-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp-hero-hub::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(42 29 92/.92) 0%,rgb(75 42 122/.6) 50%,rgb(138 61 0/.25) 100%)}
.mp-hero-txt{position:relative;z-index:1}
.mp-hub-intro{max-width:760px;margin:-13px 0 34px;font-size:18px;line-height:1.75;color:var(--mv-text)}
.mp-hubgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.mp-box{max-width:890px}
.mp-basket{display:grid;grid-template-columns:38.2fr 61.8fr;gap:21px;align-items:start}
.mp-basket-sum{padding:21px;border-radius:var(--mv-r);background:var(--mp-grad);color:#fff;display:flex;flex-direction:column;gap:5px}
.mp-basket-sum b{font:800 42px/1.1 var(--mv-font-h)}
.mp-basket-sum small{opacity:.9;line-height:1.5}
.mp-basket-ch{margin:5px 0 0;font-weight:700}
.mp-basket .mf-tbl table{width:100%;border-collapse:collapse}
.mp-basket td,.mp-basket th{padding:8px;border-bottom:1px solid var(--mv-border);text-align:right}
.mp-cheap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.mp-cheap a{display:flex;justify-content:space-between;gap:8px;min-height:44px;align-items:center;padding:8px 13px;border-radius:var(--mv-r);background:var(--mp-soft);color:var(--mv-ink)!important;text-decoration:none!important}
.mp-cheap b{color:var(--mp-3)}
.mp-wxrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:13px;margin:0 0 8px}
.mp-wx{display:flex;flex-direction:column;gap:3px;padding:16px 21px;border-radius:var(--mv-r);background:var(--mp-soft)}
.mp-wx b{font:800 30px/1.1 var(--mv-font-h);color:var(--mp-1)}
.mp-wx small{color:var(--mv-muted)}
.mp-wx-sh{background:var(--mp-grad);color:#fff}.mp-wx-sh b{color:#fff}.mp-wx-sh small{color:#fff;opacity:.9}
.mp-disc{margin:0 0 34px;padding:13px 21px;border-radius:var(--mv-r);background:#fff8ec;font-size:15px;line-height:1.6}
.mp-sib{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 55px}
.mp-sib a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:5px 16px;border-radius:999px;background:var(--mp-soft);color:var(--mv-ink)!important;font-weight:700;text-decoration:none!important}
.mp-sib .mp-sib-home{background:var(--mp-2);color:#fff!important}
.mp-sib .mp-sib-home .mp-mark{font-size:17px}.mp-sib .mp-sib-home .mp-mark-he{display:none}
@media (max-width:786px){.mp-basket{grid-template-columns:1fr}.mp-hub-intro{font-size:16px}}