/*
Theme Name: Creative Corner Child
Theme URI: https://creativecorner.infomobs.com/
Description: Child theme of Astra for Creative Corner. Provides the site-wide header and footer from the supplied Creative Corner design, with no extra plugin.
Author: Creative Corner
Version: 1.0.0
Template: astra
Text Domain: creative-corner-child
*/

/* CREATIVE CORNER - shared header/footer design CSS (from supplied design files) */
:root{--cc-coral:#CE593C;--cc-coral-dark:#B84D33;--cc-cream:#FDF5EF;--cc-white:#FFFDFA;--cc-ink:#13312F;--cc-olive:#394D35;--cc-teal:#536C64;--cc-mustard:#E79C2A;--cc-border:#ECD8CB;}
.cc-global-header,.cc-global-footer{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--cc-ink);box-sizing:border-box}
.cc-global-header *, .cc-global-footer *{box-sizing:border-box}
.cc-global-header{background:rgba(255,253,250,.97);border-bottom:1px solid var(--cc-border);box-shadow:0 6px 22px rgba(19,49,47,.035);z-index:99;position:relative}
.cc-global-header a,.cc-global-footer a{text-decoration:none}
.cc-global-header .cc-header-inner{width:min(1180px,100%);margin:0 auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 24px}
.cc-global-header .cc-header-brand{display:flex;align-items:center;gap:13px;min-width:245px}
.cc-global-header .cc-header-logo img{display:block;width:56px;height:56px;border-radius:50%;background:white;object-fit:cover;border:1px solid #f2ded5;box-shadow:0 4px 13px rgba(19,49,47,.08)}
.cc-global-header .cc-header-name{font-weight:850;font-size:19px;line-height:1.17;letter-spacing:-.025em;color:var(--cc-ink);white-space:nowrap}
.cc-global-header .cc-header-tagline{color:#7b756f;font-size:10px;letter-spacing:.105em;text-transform:uppercase;font-weight:760;margin-top:5px}
.cc-global-header .cc-header-nav{display:flex;align-items:center;gap:7px;margin-left:auto}
.cc-global-header .cc-header-nav a{color:#465e59;font-size:13px;font-weight:750;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;padding:12px 12px;white-space:nowrap;transition:background-color .2s,color .2s}
.cc-global-header .cc-header-nav a:hover,.cc-global-header .cc-header-nav a:focus-visible{background:#fff1e8;color:var(--cc-coral-dark);outline-offset:3px}
.cc-global-header .cc-header-nav a.cc-active{color:var(--cc-coral-dark)}
.cc-global-header .cc-header-nav .cc-nav-cta{margin-left:11px;padding:12px 18px;color:#fff;background:var(--cc-coral);box-shadow:0 8px 20px rgba(206,89,60,.15);border-radius:13px}
.cc-global-header .cc-header-nav .cc-nav-cta:hover,.cc-global-header .cc-header-nav .cc-nav-cta:focus-visible{background:var(--cc-coral-dark);color:white}
.cc-global-header .cc-mobile-nav{display:none;position:relative}
.cc-global-header .cc-mobile-nav details{position:relative}
.cc-global-header .cc-mobile-nav summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--cc-border);border-radius:13px;background:var(--cc-white);color:var(--cc-ink);cursor:pointer}
.cc-global-header .cc-mobile-nav summary::-webkit-details-marker{display:none}
.cc-global-header .cc-mobile-nav summary svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cc-global-header .cc-mobile-nav .cc-mobile-panel{position:absolute;top:54px;right:0;width:min(310px,calc(100vw - 32px));background:var(--cc-white);border:1px solid var(--cc-border);border-radius:18px;padding:11px;z-index:999;box-shadow:0 16px 44px rgba(19,49,47,.13)}
.cc-global-header .cc-mobile-nav .cc-mobile-panel a{display:block;padding:12px 14px;border-radius:10px;color:var(--cc-ink);font-size:14px;font-weight:720}
.cc-global-header .cc-mobile-nav .cc-mobile-panel a:hover,.cc-global-header .cc-mobile-nav .cc-mobile-panel a:focus-visible{background:var(--cc-cream)}
.cc-global-header .cc-mobile-nav .cc-mobile-panel a.cc-mobile-cta{background:var(--cc-coral);color:white;text-align:center;margin-top:7px}
.cc-global-header .cc-mobile-nav .cc-mobile-panel a.cc-mobile-cta:hover{background:var(--cc-coral-dark)}
/* FOOTER */
.cc-global-footer{background:var(--cc-cream);border-top:1px solid var(--cc-border);position:relative;overflow:hidden}
.cc-global-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cc-coral),#e89f6a,var(--cc-mustard));}
.cc-global-footer .cc-footer-inner{width:min(1180px,100%);margin:0 auto;padding:65px 24px 22px}
.cc-global-footer .cc-footer-main{display:grid;grid-template-columns:minmax(250px,1.55fr) 1fr 1fr 1fr;gap:42px}
.cc-global-footer .cc-footer-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.cc-global-footer .cc-footer-logo img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:1px solid var(--cc-border)}
.cc-global-footer .cc-footer-brand-name{font-weight:850;font-size:22px;color:var(--cc-ink);line-height:1.18;letter-spacing:-.025em}
.cc-global-footer .cc-footer-brand-tag{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#8c786b;font-weight:770;margin-top:5px}
.cc-global-footer .cc-footer-description{color:#566560;font-size:14px;line-height:1.8;max-width:345px;margin:0}
.cc-global-footer .cc-footer-label{font-size:14px;font-weight:850;color:var(--cc-ink);margin:4px 0 16px}
.cc-global-footer .cc-footer-link-list{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cc-global-footer .cc-footer-link-list a{color:#566560;font-size:13px;font-weight:590;line-height:1.5;transition:color .2s}
.cc-global-footer .cc-footer-link-list a:hover,.cc-global-footer .cc-footer-link-list a:focus-visible{color:var(--cc-coral-dark);text-decoration:underline;text-underline-offset:3px}
.cc-global-footer .cc-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e8d4c6;margin-top:44px;padding-top:22px;color:#68716c;font-size:12px;line-height:1.6}
.cc-global-footer .cc-footer-bottom a{color:var(--cc-coral-dark);font-weight:760}
@media(max-width:1020px){
 .cc-global-header .cc-header-nav{display:none!important}
 .cc-global-header .cc-header-inner{min-height:78px}
 .cc-global-header .cc-mobile-nav{display:block!important;margin-left:auto}
 .cc-global-footer .cc-footer-main{grid-template-columns:1.35fr 1fr 1fr;gap:30px}
 .cc-global-footer .cc-footer-brand{grid-column:1/-1}
 .cc-global-footer .cc-footer-description{max-width:600px}
}
@media(max-width:640px){
 .cc-global-header .cc-header-inner{min-height:74px;padding:11px 16px;gap:10px}
 .cc-global-header .cc-header-logo img{width:46px;height:46px}
 .cc-global-header .cc-header-brand{min-width:0;gap:9px}
 .cc-global-header .cc-header-name{font-size:16px}
 .cc-global-header .cc-header-tagline{font-size:8px;letter-spacing:.035em}
 .cc-global-footer .cc-footer-inner{padding:45px 18px 24px}
 .cc-global-footer .cc-footer-main{grid-template-columns:1fr 1fr;column-gap:20px;row-gap:30px}
 .cc-global-footer .cc-footer-brand{grid-column:1/-1}
 .cc-global-footer .cc-footer-main .cc-footer-links:last-child{grid-column:1/-1}
 .cc-global-footer .cc-footer-bottom{margin-top:32px;padding-top:19px;flex-direction:column;align-items:flex-start;gap:6px}
}
@media(max-width:359px){.cc-global-header .cc-header-name{font-size:14px}.cc-global-header .cc-header-tagline{font-size:7px}.cc-global-header .cc-header-logo img{width:42px;height:42px}}