/*
Theme Name: CityCat Home
Description: Child theme of HybridMag — full custom design for citycat.co.il: homepage, archives, posts, pages.
Template: hybridmag
Version: 2.0.0
Author: CityCat
Text Domain: citycat-home
*/

:root{
  --cc-ink:#1c1633;
  --cc-ink-soft:#544d70;
  --cc-purple:#5b3df5;
  --cc-purple-dark:#4527d8;
  --cc-amber:#ffb300;
  --cc-bg:#faf8ff;
  --cc-card:#ffffff;
  --cc-radius:20px;
  --cc-shadow:0 8px 30px rgba(43,26,120,.10);
  --cc-shadow-hover:0 16px 44px rgba(43,26,120,.18);
}
body.cc-body{margin:0;font-family:'Heebo',sans-serif;background:var(--cc-bg);color:var(--cc-ink);line-height:1.6;direction:rtl}
.cc-body a{color:inherit;text-decoration:none}
.cc-body img{max-width:100%;height:auto}
.cc-wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* Header */
.cc-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #eee7ff}
.cc-nav{display:flex;align-items:center;gap:28px;height:72px}
.cc-logo{display:flex;align-items:center;gap:10px;font-family:'Rubik',sans-serif;font-weight:900;font-size:1.4rem}
.cc-logo .cat{font-size:1.7rem}
.cc-logo b{color:var(--cc-purple)}
.cc-logo img{max-height:44px;width:auto}
nav.cc-menu{display:flex;gap:24px;font-weight:500;color:var(--cc-ink-soft)}
nav.cc-menu a:hover{color:var(--cc-purple)}
.cc-nav .cc-cta{margin-inline-start:auto;background:var(--cc-purple);color:#fff;font-weight:700;padding:10px 22px;border-radius:999px;transition:.2s}
.cc-nav .cc-cta:hover{background:var(--cc-purple-dark);transform:translateY(-1px)}
@media(max-width:860px){nav.cc-menu{display:none}}
#wpadminbar~.cc-header{top:32px}

/* Hero (front page) */
.cc-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#2b1a78 0%,#5b3df5 55%,#8a6bff 100%);color:#fff;padding:84px 0 120px;text-align:center}
.cc-hero::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:80px;background:var(--cc-bg);clip-path:ellipse(60% 100% at 50% 100%)}
.cc-hero .paw{position:absolute;font-size:9rem;opacity:.08;transform:rotate(-15deg)}
.paw.p1{top:8%;inset-inline-start:6%}
.paw.p2{bottom:20%;inset-inline-end:8%;transform:rotate(20deg)}
.cc-hero h1{font-family:'Rubik',sans-serif;font-weight:900;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.2;margin:0}
.cc-hero h1 span{color:var(--cc-amber)}
.cc-hero p{margin:18px auto 0;max-width:620px;font-size:1.2rem;font-weight:300;color:#e9e3ff}
.cc-search{margin:38px auto 0;max-width:640px;display:flex;background:#fff;border-radius:999px;padding:8px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.cc-search input{flex:1;border:0;outline:0;font:inherit;font-size:1.05rem;padding:10px 22px;background:transparent;color:var(--cc-ink)}
.cc-search button{border:0;cursor:pointer;font:inherit;font-weight:700;background:var(--cc-amber);color:var(--cc-ink);padding:12px 30px;border-radius:999px;transition:.2s}
.cc-search button:hover{filter:brightness(1.07)}
.cc-stats{margin-top:44px;display:flex;justify-content:center;gap:56px;flex-wrap:wrap}
.cc-stat b{display:block;font-family:'Rubik',sans-serif;font-size:1.9rem;color:var(--cc-amber)}
.cc-stat span{font-size:.95rem;color:#d9d0ff}

/* Page hero (inner pages) */
.cc-page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#2b1a78 0%,#5b3df5 60%,#8a6bff 100%);color:#fff;padding:56px 0 72px;text-align:center}
.cc-page-hero::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:50px;background:var(--cc-bg);clip-path:ellipse(65% 100% at 50% 100%)}
.cc-page-hero h1{font-family:'Rubik',sans-serif;font-weight:900;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.25;margin:0;max-width:860px;margin-inline:auto}
.cc-page-hero .cc-crumbs{margin-bottom:14px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.cc-page-hero .cc-chip{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.85rem;font-weight:500;padding:4px 14px;border-radius:999px}
.cc-page-hero .cc-chip:hover{background:var(--cc-amber);color:var(--cc-ink);border-color:var(--cc-amber)}
.cc-page-hero .cc-date{margin-top:14px;color:#d9d0ff;font-size:.95rem}
.cc-page-hero .cc-desc{margin:14px auto 0;max-width:640px;color:#e9e3ff;font-weight:300}

/* Sections */
.cc-section{padding:64px 0}
.cc-sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px}
.cc-sec-head h2{font-family:'Rubik',sans-serif;font-weight:900;font-size:1.9rem;margin:0}
.cc-sec-head h2 em{font-style:normal;color:var(--cc-purple)}
.cc-sec-head>a{font-weight:700;color:var(--cc-purple)}
.cc-sec-head>a:hover{text-decoration:underline}

/* Cities */
.cc-cities{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.cc-city{display:flex;align-items:center;gap:8px;background:var(--cc-card);border:2px solid #eee7ff;border-radius:999px;padding:12px 24px;font-weight:700;transition:.2s;box-shadow:0 3px 10px rgba(43,26,120,.05)}
.cc-city:hover{border-color:var(--cc-purple);color:var(--cc-purple);transform:translateY(-3px);box-shadow:var(--cc-shadow)}

/* Cards */
.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.cc-card{background:var(--cc-card);border-radius:var(--cc-radius);overflow:hidden;box-shadow:var(--cc-shadow);transition:.25s;display:flex;flex-direction:column}
.cc-card:hover{transform:translateY(-6px);box-shadow:var(--cc-shadow-hover)}
.cc-thumb{position:relative;aspect-ratio:3/2;overflow:hidden;background:#eee7ff}
.cc-thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}
.cc-card:hover .cc-thumb img{transform:scale(1.06)}
.cc-badge{position:absolute;top:14px;inset-inline-start:14px;background:var(--cc-amber);color:var(--cc-ink);font-size:.8rem;font-weight:700;padding:5px 14px;border-radius:999px}
.cc-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.cc-body h3{font-size:1.15rem;font-weight:700;line-height:1.4;margin:0}
.cc-meta{margin-top:auto;display:flex;gap:16px;font-size:.88rem;color:var(--cc-ink-soft)}

/* Coupon band */
.cc-band{background:linear-gradient(135deg,#ffb300,#ff8a3d);border-radius:28px;padding:52px 48px;color:var(--cc-ink);display:flex;align-items:center;gap:40px;flex-wrap:wrap;box-shadow:var(--cc-shadow)}
.cc-band .txt{flex:1;min-width:260px}
.cc-band h2{font-family:'Rubik',sans-serif;font-weight:900;font-size:2rem;line-height:1.25;margin:0}
.cc-band p{margin-top:10px;font-size:1.1rem;max-width:520px}
.cc-band .btn{background:var(--cc-ink);color:#fff;font-weight:700;font-size:1.05rem;padding:14px 34px;border-radius:999px;transition:.2s;white-space:nowrap}
.cc-band .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.cc-band .big-cat{font-size:5.5rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}

/* Article */
.cc-main{padding:48px 0 64px}
.cc-article{background:var(--cc-card);border-radius:28px;box-shadow:var(--cc-shadow);max-width:860px;margin:0 auto;overflow:hidden}
.cc-article .cc-featured img{width:100%;max-height:460px;object-fit:cover;display:block}
.cc-entry{padding:36px 44px 44px;font-size:1.08rem}
@media(max-width:700px){.cc-entry{padding:24px 20px 32px}}
.cc-entry h2,.cc-entry h3,.cc-entry h4{font-family:'Rubik',sans-serif;font-weight:700;line-height:1.35;margin:1.6em 0 .5em}
.cc-entry h2{font-size:1.55rem}
.cc-entry h3{font-size:1.3rem}
.cc-entry a{color:var(--cc-purple);font-weight:500;text-decoration:underline;text-decoration-color:#cfc2ff;text-underline-offset:3px}
.cc-entry a:hover{color:var(--cc-purple-dark)}
.cc-entry img{border-radius:16px;box-shadow:var(--cc-shadow)}
.cc-entry blockquote{margin:1.5em 0;padding:18px 24px;background:var(--cc-bg);border-inline-start:4px solid var(--cc-amber);border-radius:12px;font-style:italic}
.cc-entry ul,.cc-entry ol{padding-inline-start:1.4em}
.cc-entry figure{margin:1.5em 0}
.cc-entry .wp-block-button__link{background:var(--cc-purple);border-radius:999px}
.cc-tags{padding:0 44px 36px;display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.cc-tags{padding:0 20px 28px}}
.cc-tag{background:#eee7ff;color:var(--cc-purple-dark);font-size:.85rem;font-weight:500;padding:5px 14px;border-radius:999px}
.cc-tag:hover{background:var(--cc-purple);color:#fff}

/* Post navigation */
.cc-postnav{max-width:860px;margin:28px auto 0;display:flex;gap:16px;justify-content:space-between}
.cc-postnav a{flex:1;background:var(--cc-card);border-radius:16px;box-shadow:var(--cc-shadow);padding:16px 20px;font-weight:500;transition:.2s;font-size:.95rem}
.cc-postnav a:hover{transform:translateY(-3px);box-shadow:var(--cc-shadow-hover);color:var(--cc-purple)}
.cc-postnav .lbl{display:block;font-size:.78rem;color:var(--cc-ink-soft);font-weight:400;margin-bottom:4px}

/* Pagination */
.cc-body .navigation.pagination{margin:48px 0 0}
.cc-body .nav-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.cc-body .nav-links .page-numbers{background:var(--cc-card);border:2px solid #eee7ff;border-radius:12px;padding:10px 18px;font-weight:700;color:var(--cc-ink);transition:.2s}
.cc-body .nav-links .page-numbers:hover{border-color:var(--cc-purple);color:var(--cc-purple)}
.cc-body .nav-links .page-numbers.current{background:var(--cc-purple);border-color:var(--cc-purple);color:#fff}

/* Comments */
.cc-comments{max-width:860px;margin:36px auto 0;background:var(--cc-card);border-radius:28px;box-shadow:var(--cc-shadow);padding:32px 44px}
@media(max-width:700px){.cc-comments{padding:24px 20px}}
.cc-comments input[type=text],.cc-comments input[type=email],.cc-comments input[type=url],.cc-comments textarea{width:100%;border:2px solid #eee7ff;border-radius:12px;padding:10px 14px;font:inherit;box-sizing:border-box}
.cc-comments input[type=submit]{border:0;cursor:pointer;background:var(--cc-purple);color:#fff;font:inherit;font-weight:700;padding:12px 30px;border-radius:999px}
.cc-comments input[type=submit]:hover{background:var(--cc-purple-dark)}

/* Search form (404 / no results) */
.cc-body .search-form{display:flex;max-width:520px;margin:24px auto;background:#fff;border-radius:999px;padding:6px;box-shadow:var(--cc-shadow)}
.cc-body .search-form input[type=search]{flex:1;border:0;outline:0;font:inherit;padding:10px 20px;background:transparent}
.cc-body .search-form input[type=submit],.cc-body .search-form button{border:0;cursor:pointer;font:inherit;font-weight:700;background:var(--cc-amber);color:var(--cc-ink);padding:10px 24px;border-radius:999px}

/* Footer */
.cc-footer{background:#171129;color:#a99fd1;padding:48px 0 32px;margin-top:64px}
.cc-foot{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cc-foot .cc-logo{color:#fff}
.cc-foot nav{display:flex;gap:22px;flex-wrap:wrap}
.cc-foot a:hover{color:#fff}
.cc-copy{margin-top:32px;text-align:center;font-size:.85rem;color:#6f668f}

/* Utility */
.cc-empty{max-width:640px;margin:0 auto;text-align:center;padding:48px 0}
.cc-empty .big{font-size:4rem}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}