/* Colorrobin contact pages */
.page-id-1573 .bt-page,.page-id-1576 .bt-page{max-width:1240px}
.page-id-1573 .bt-page-title,.page-id-1576 .bt-page-title{font-size:20px!important;letter-spacing:.04em;color:#e05b44!important;margin-bottom:16px}
.cr-contact-shell{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px;margin:18px auto 76px;align-items:stretch}
.cr-contact-intro,.cr-contact-card{border-radius:28px;padding:42px 44px;box-sizing:border-box}
.cr-contact-intro{position:relative;overflow:hidden;min-height:610px;display:flex;flex-direction:column;background:linear-gradient(145deg,#fff0e7 0%,#f8f2ec 57%,#eaf4eb 100%);border:1px solid #f0e1d8}
.cr-contact-kicker{display:inline-block;color:#c54d38;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:15px}
.cr-contact-intro h2{font-size:clamp(30px,3vw,45px);line-height:1.12;letter-spacing:-.025em;color:#332f35;margin:0 0 18px;max-width:460px}
.cr-contact-intro>p{font-size:16px;line-height:1.7;color:#5f575b;max-width:460px;margin:0}
.cr-contact-art{position:relative;height:225px;min-height:225px;margin:14px 0 8px}
.cr-contact-art-circle{position:absolute;left:21%;top:20px;width:165px;height:165px;border:3px solid #d9bfb1;border-radius:50%;background:#fffaf4;box-shadow:28px 18px 0 #e9f0e8}
.cr-contact-art-pencil{position:absolute;left:13%;top:84px;width:240px;height:38px;background:#ff6548;border:3px solid #38333a;border-radius:18px;transform:rotate(-23deg);box-shadow:0 10px 0 rgba(55,45,49,.10)}
.cr-contact-art-pencil:before{content:'';position:absolute;right:-28px;top:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:29px solid #e9c6a5}
.cr-contact-art-pencil:after{content:'';position:absolute;left:19px;top:0;height:32px;width:9px;border-left:3px solid #38333a;border-right:3px solid #38333a}
.cr-contact-art-line{position:absolute;left:45%;bottom:13px;width:100px;height:36px;border-bottom:5px solid #87bfa1;border-radius:0 0 50% 50%;transform:rotate(-12deg)}
.cr-contact-info{margin-top:auto;padding:18px 20px;background:rgba(255,255,255,.76);border:1px solid #eaded7;border-radius:17px;display:flex;flex-direction:column;gap:5px;color:#544d52}
.cr-contact-info strong{color:#342f35;font-size:15px}.cr-contact-info span{font-size:14px;line-height:1.55}
.cr-contact-card{background:#fff;border:1px solid #eaded7;box-shadow:0 18px 40px rgba(58,42,46,.08)}
.cr-contact-card h2{font-size:31px;color:#342f35;margin:0 0 9px}.cr-contact-card>p:not(.cr-contact-privacy){font-size:15px;line-height:1.6;color:#6d6266;margin:0 0 24px}
.cr-contact-card .contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px;margin:0}
.cr-contact-card .contact-form>.grunion-field-wrap{margin:0;min-width:0}
.cr-contact-card .contact-form>.grunion-field-text-wrap,.cr-contact-card .contact-form>.grunion-field-textarea-wrap{grid-column:1/-1}
.cr-contact-card .contact-form>.contact-submit,.cr-contact-card .contact-form>button,.cr-contact-card .contact-form>.contact-form__error{grid-column:1/-1}
.cr-contact-card .grunion-field-label{display:block;font-size:13px;font-weight:700;color:#3d373d;margin-bottom:7px}
.cr-contact-card .grunion-label-required{font-size:11px;font-weight:500;color:#9a8584;margin-left:4px}
.cr-contact-card .grunion-field-wrap input,.cr-contact-card .grunion-field-wrap textarea{display:block;width:100%!important;max-width:none!important;box-sizing:border-box;min-height:50px;padding:12px 14px;background:#fffcf9;border:1px solid #dfd4cf;border-radius:12px;box-shadow:none;color:#342f35;font:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}
.cr-contact-card .grunion-field-wrap textarea{min-height:150px;resize:vertical}
.cr-contact-card .grunion-field-wrap input:focus,.cr-contact-card .grunion-field-wrap textarea:focus{outline:none;border-color:#e87561;box-shadow:0 0 0 3px rgba(232,117,97,.15)}
.cr-contact-card .contact-form>button.pushbutton-wide{width:auto;min-width:190px;justify-self:start;border:0;border-radius:13px;background:#38333a;color:#fff;font-size:15px;font-weight:800;padding:15px 24px;cursor:pointer;box-shadow:0 7px 16px rgba(45,37,42,.14);transition:background .2s,transform .2s}
.cr-contact-card .contact-form>button.pushbutton-wide:hover,.cr-contact-card .contact-form>button.pushbutton-wide:focus-visible{background:#55484b;transform:translateY(-2px)}
.cr-contact-privacy{margin:18px 0 0;font-size:12px;line-height:1.5;color:#7b7073}
@media(max-width:850px){.cr-contact-shell{grid-template-columns:1fr}.cr-contact-intro{min-height:0}.cr-contact-art{height:170px;min-height:170px}.cr-contact-info{margin-top:10px}}
@media(max-width:600px){.cr-contact-shell{gap:18px;margin-bottom:48px}.cr-contact-intro,.cr-contact-card{padding:27px 23px;border-radius:22px}.cr-contact-art{display:none}.cr-contact-info{margin-top:24px}.cr-contact-card .contact-form{grid-template-columns:1fr}.cr-contact-card .contact-form>.grunion-field-wrap{grid-column:1/-1}.cr-contact-card .contact-form>button.pushbutton-wide{width:100%}}

/* Night logo: trim the white overlay clear of the robin pencil. */
html.cr-dark #main_header .inner.logo a::after,html.cr-dark #mobile_header a.logo::after{clip-path:polygon(26% 22%,62% 22%,62% 71%,31% 71%,29% 63%,26% 63%)!important}

/* Header dropdowns: calm neutral surfaces in both themes. */
#main_header .cz-dropdown-menu,#mobile_header .cz-dropdown-menu{background:#fffaf5!important;border:1px solid #e4ddd5!important;border-radius:14px!important;box-shadow:0 14px 32px rgba(43,37,39,.12)!important;overflow:hidden!important}
#main_header .cz-dropdown-menu .dropdown-item,#mobile_header .cz-dropdown-menu .dropdown-item{background:#fffaf5!important;color:#352f34!important;border:0!important}
#main_header .cz-dropdown-menu .dropdown-item:hover,#main_header .cz-dropdown-menu .dropdown-item:focus,#main_header .cz-dropdown-menu .dropdown-item:active,#mobile_header .cz-dropdown-menu .dropdown-item:hover,#mobile_header .cz-dropdown-menu .dropdown-item:focus,#mobile_header .cz-dropdown-menu .dropdown-item:active{background:#e9eee9!important;color:#26363b!important}
html.cr-dark #main_header .cz-dropdown-menu,html.cr-dark #mobile_header .cz-dropdown-menu{background:#253038!important;border-color:#3d4b50!important;box-shadow:0 16px 36px rgba(0,0,0,.28)!important}
html.cr-dark #main_header .cz-dropdown-menu .dropdown-item,html.cr-dark #mobile_header .cz-dropdown-menu .dropdown-item{background:#253038!important;color:#f3eee9!important}
html.cr-dark #main_header .cz-dropdown-menu .dropdown-item:hover,html.cr-dark #main_header .cz-dropdown-menu .dropdown-item:focus,html.cr-dark #main_header .cz-dropdown-menu .dropdown-item:active,html.cr-dark #mobile_header .cz-dropdown-menu .dropdown-item:hover,html.cr-dark #mobile_header .cz-dropdown-menu .dropdown-item:focus,html.cr-dark #mobile_header .cz-dropdown-menu .dropdown-item:active{background:#37464c!important;color:#fff!important}

/* Complete the white Color lettering while leaving the robin pencil untouched. */
html.cr-dark #main_header .inner.logo a::after,html.cr-dark #mobile_header a.logo::after{clip-path:polygon(26% 19%,62% 19%,62% 83%,30% 83%,30% 63%,26% 63%)!important}

/* Keep header dropdowns above the home teaser and paint panel. */
#main_header,#mobile_header{z-index:10050!important}
#main_header .cz-dropdown-menu,#mobile_header .cz-dropdown-menu{z-index:10051!important}

/* One orange logo in light and dark mode. */
#main_header .inner.logo a .flex-left,#mobile_header a.logo,#mobile_header .logo a{background:url("https://colorrobin.com/wp-content/uploads/2026/11/colorrobin-logo-orange-v2.png") center/contain no-repeat!important}
#main_header .inner.logo a img,#mobile_header a.logo img,#mobile_header .logo a img{opacity:0!important}
html.cr-dark #main_header .inner.logo a::after,html.cr-dark #mobile_header a.logo::after{content:none!important;display:none!important}
.cr-footer-logo .cr-footer-color,.cr-footer-logo .cr-footer-robin{color:#ff684c!important}

/* Match both actual header logo wrappers and the footer wordmark. */
#main_header .inner.logo a{display:inline-block!important;background:url("https://colorrobin.com/wp-content/uploads/2026/11/colorrobin-logo-orange-v2.png") center/contain no-repeat!important}
#site-footer .cr-footer-logo .cr-footer-color,#site-footer .cr-footer-logo .cr-footer-robin{color:#ff684c!important}

/* Trim transparent padding that contains a tiny stray mark below the mark. */
#main_header .inner.logo a,#mobile_header a.logo{clip-path:inset(0 0 8% 0)!important}

/* Remove the old pink underline from dropdown links in both modes. */
#main_header .cz-dropdown-menu .dropdown-item::before,#main_header .cz-dropdown-menu .dropdown-item::after,#mobile_header .cz-dropdown-menu .dropdown-item::before,#mobile_header .cz-dropdown-menu .dropdown-item::after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}

/* Text-free studio artwork; the call to action stays below it. */
.cr-name-teaser .cr-name-teaser-tag,.cr-name-teaser>svg{display:none!important}
.cr-name-teaser::before{content:"";display:block;width:100%;aspect-ratio:1/1;border-radius:17px;background:#fffaf5 url("https://colorrobin.com/wp-content/uploads/2026/11/colorrobin-studio-card-v2.png") center/cover no-repeat;box-shadow:0 3px 14px rgba(38,33,35,.08)}
.cr-name-teaser .cr-name-teaser-label{margin-top:12px;align-items:center}

/* Crop the tiny print along the bottom edge of the artwork. */
.cr-name-teaser::before{background-size:116% 116%;background-position:center 42%;overflow:hidden}

/* Adult submenu uses plain links, so suppress its separate pink hover underline. */
#main_header .cr-adult-menu .sub-menu a::before,#main_header .cr-adult-menu .sub-menu a::after,#mobile_header .cr-adult-menu .sub-menu a::before,#mobile_header .cr-adult-menu .sub-menu a::after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}

/* Contact panels stay light in dark mode: keep their text and fields readable. */
html.cr-dark .cr-contact-intro,html.cr-dark .cr-contact-card{color:#383239!important}
html.cr-dark .cr-contact-intro h2,html.cr-dark .cr-contact-card h2{color:#332f35!important}
html.cr-dark .cr-contact-intro>p,html.cr-dark .cr-contact-card>p:not(.cr-contact-kicker),html.cr-dark .cr-contact-privacy{color:#5f575b!important}
html.cr-dark .cr-contact-card .contact-form input:not([type="submit"]),html.cr-dark .cr-contact-card .contact-form textarea{background:#fffaf6!important;color:#352f34!important;border-color:#d9cec7!important}
html.cr-dark .cr-contact-card .contact-form input::placeholder,html.cr-dark .cr-contact-card .contact-form textarea::placeholder{color:#736b6e!important}

/* Match Adult submenu hover to Coloring Pages dropdown. */
#main_header .cr-adult-menu .sub-menu,#mobile_header .cr-adult-menu .sub-menu{background:#fffaf5!important;border:1px solid #e4ddd5!important;border-radius:14px!important;box-shadow:0 14px 32px rgba(43,37,39,.12)!important;overflow:hidden!important}
#main_header .cr-adult-menu .sub-menu a,#mobile_header .cr-adult-menu .sub-menu a{display:block!important;padding:10px!important;background:#fffaf5!important;color:#352f34!important;border:0!important;border-radius:0!important}
#main_header .cr-adult-menu .sub-menu a:hover,#main_header .cr-adult-menu .sub-menu a:focus-visible,#mobile_header .cr-adult-menu .sub-menu a:hover,#mobile_header .cr-adult-menu .sub-menu a:focus-visible{background:#e9eee9!important;color:#26363b!important}
html.cr-dark #main_header .cr-adult-menu .sub-menu,html.cr-dark #mobile_header .cr-adult-menu .sub-menu{background:#253038!important;border-color:#3d4b50!important;box-shadow:0 16px 36px rgba(0,0,0,.28)!important}
html.cr-dark #main_header .cr-adult-menu .sub-menu a,html.cr-dark #mobile_header .cr-adult-menu .sub-menu a{background:#253038!important;color:#f3eee9!important}
html.cr-dark #main_header .cr-adult-menu .sub-menu a:hover,html.cr-dark #main_header .cr-adult-menu .sub-menu a:focus-visible,html.cr-dark #mobile_header .cr-adult-menu .sub-menu a:hover,html.cr-dark #mobile_header .cr-adult-menu .sub-menu a:focus-visible{background:#37464c!important;color:#fff!important}

/* No underline on Adult category links, including hover and keyboard focus. */
#main_header .cr-adult-menu .sub-menu a,#main_header .cr-adult-menu .sub-menu a:hover,#main_header .cr-adult-menu .sub-menu a:focus,#mobile_header .cr-adult-menu .sub-menu a,#mobile_header .cr-adult-menu .sub-menu a:hover,#mobile_header .cr-adult-menu .sub-menu a:focus{text-decoration:none!important;text-decoration-line:none!important;border-bottom:0!important;box-shadow:none!important}
#main_header .cr-adult-menu .sub-menu li::before,#main_header .cr-adult-menu .sub-menu li::after,#mobile_header .cr-adult-menu .sub-menu li::before,#mobile_header .cr-adult-menu .sub-menu li::after{content:none!important;display:none!important}

/* Home hero controls use the Robin wordmark orange. */
.buttonh .btn-primary,.search-form .shadow-button .btn{background:#fd5530!important;border-color:#fd5530!important;color:#fff!important}
.buttonh .btn-primary:hover,.buttonh .btn-primary:focus-visible,.search-form .shadow-button .btn:hover,.search-form .shadow-button .btn:focus-visible{background:#e94b29!important;border-color:#e94b29!important;color:#fff!important}
.buttonh .btn-link,.buttonh .btn-link:hover,.buttonh .btn-link:focus-visible{color:#fd5530!important}
.buttonh .btn-link::before{background:#fd5530!important}
.buttonh .btn-primary svg path{fill:#fff!important}

/* Override the stronger theme background on the first hero button. */
html body .buttonh a.btn.btn-primary{background-color:#fd5530!important;background-image:none!important}
html body .buttonh a.btn.btn-primary:hover,html body .buttonh a.btn.btn-primary:focus-visible{background-color:#e94b29!important}

/* Keep the secondary hero link orange in night mode too. */
html.cr-dark body .buttonh a.btn.btn-link,html.cr-dark body .buttonh a.btn.btn-link:hover,html.cr-dark body .buttonh a.btn.btn-link:focus-visible{color:#fd5530!important}
html.cr-dark body .buttonh a.btn.btn-link::before{background:#fd5530!important}

/* Adult menu uses the same down arrow as Coloring Pages. */
#main_header .cr-adult-menu>a .caret{display:inline-block!important;width:15px!important;height:12px!important;margin-left:6px!important;vertical-align:middle!important;background:url("https://colorrobin.com/wp-content/themes/colorrobinv1/assets/img/icons/shevron_down.png") center/15px 12px no-repeat!important;opacity:1!important}
html.cr-dark #main_header .cr-adult-menu>a .caret{filter:brightness(0) invert(1)!important}

/* Clean wordmark, without the previous dark stroke. */
#main_header .inner.logo a,#mobile_header a.logo{background-image:url("https://colorrobin.com/wp-content/uploads/2026/11/colorrobin-logo-clean-v4.png")!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}

/* Keep the studio card compact when the hero stacks. */
@media (max-width:1760px){
  body.home .cr-name-teaser{position:relative;top:auto;left:auto;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:min(360px,calc(100% - 32px));min-height:0;padding:10px 12px;margin:16px auto 20px}
  body.home .cr-name-teaser::before{flex:0 0 104px;width:104px;height:104px;aspect-ratio:1/1}
  body.home .cr-name-teaser .cr-name-teaser-label{flex:1;min-width:0;margin-top:0;padding:0;text-align:left;font-size:14px;gap:8px}
}

/* Use the free space above the desktop hero copy. */
@media (min-width:1200px) and (max-width:1760px){
  body.home .cr-name-teaser{position:absolute;top:200px;left:calc(50% - 300px);margin:0;transform:translateX(-50%);z-index:3}
  body.home .cr-name-teaser:hover,body.home .cr-name-teaser:focus-visible{transform:translate(-50%,-5px)}
}

/* Place Studio in a left sidebar beside the home hero on desktop. */
@media (min-width:1200px) and (max-width:1760px){
  body.home .home-hero-block{width:min(1200px,calc(100vw - 300px));max-width:none;margin-left:max(272px,calc((100vw - 1200px)/2));margin-right:0}
  body.home .home-hero-block h1{font-size:clamp(42px,3.2vw,52px)}
  body.home .cr-name-teaser{left:24px;top:200px;width:220px;display:block;margin:0;transform:none}
  body.home .cr-name-teaser:hover,body.home .cr-name-teaser:focus-visible{transform:translateY(-5px)}
  body.home .cr-name-teaser::before{width:100%;height:auto;aspect-ratio:1}
  body.home .cr-name-teaser .cr-name-teaser-label{margin-top:10px;padding:10px 7px 2px;font-size:14px}
}

/* Keep the Studio column beside the hero on smaller screens. */
@media (max-width:1199px){
  body.home .home-hero-block{box-sizing:border-box;width:calc(100vw - clamp(72px,16vw,180px) - 36px);max-width:none;margin-left:calc(clamp(72px,16vw,180px) + 24px);margin-right:12px;padding:28px 12px 32px}
  body.home .home-hero-block h1{font-size:clamp(26px,4vw,42px);line-height:1.12}
  body.home .cr-name-teaser{position:absolute;top:200px;left:12px;box-sizing:border-box;display:block;width:clamp(72px,16vw,180px);margin:0;padding:8px;transform:none}
  body.home .cr-name-teaser:hover,body.home .cr-name-teaser:focus-visible{transform:translateY(-5px)}
  body.home .cr-name-teaser::before{display:block;width:100%;height:auto;flex:none;aspect-ratio:1}
  body.home .cr-name-teaser .cr-name-teaser-label{display:flex;align-items:center;gap:2px;margin-top:4px;padding:4px 2px 0;font-size:clamp(10px,1.3vw,12px);line-height:1.2}
  body.home .cr-name-teaser .cr-name-teaser-label span{font-size:16px}
}
@media (max-width:767px){
  body.home .cr-name-teaser{top:142px}
  body.home .home-hero-block{padding:20px 10px 24px}
}

/* On phones, keep Studio beside the introduction and give the drawing full width. */
@media (max-width:767px){
  body.home .home-hero-block{width:calc(100vw - 24px);margin-left:12px;margin-right:12px;padding:20px 12px 24px}
  body.home .home-hero-block .row>.col-md-6:first-child{padding-left:calc(clamp(72px,16vw,180px) + 18px)}
  body.home .home-hero-block .row>.col-md-6:last-child{width:100%;max-width:100%}
  body.home .cr-name-teaser{top:100px}
}

/* Studio card stays visible throughout the site. */
body .cr-name-teaser{position:fixed!important;top:200px!important;bottom:auto!important;left:max(20px,calc((100vw - 1820px)/2))!important;box-sizing:border-box!important;display:block!important;width:250px!important;min-height:0!important;margin:0!important;padding:12px!important;border:1px solid #eaded7;border-radius:25px;background:#f5eee7;box-shadow:0 16px 32px rgba(58,42,46,.12);color:#342f35!important;text-decoration:none!important;z-index:1000!important;transform:none!important}
body .cr-name-teaser::before{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1!important;flex:none!important}
body .cr-name-teaser .cr-name-teaser-label{display:flex!important;align-items:center;justify-content:space-between;gap:6px;margin:8px 0 0!important;padding:6px 3px 0!important;font-size:14px;font-weight:800;line-height:1.2}
body .cr-name-teaser:hover,body .cr-name-teaser:focus-visible{transform:translateY(-5px)!important}
@media(max-width:1760px){body .cr-name-teaser{left:24px!important;width:220px!important;padding:10px!important}}
@media(max-width:1760px){body:not(.home) .cr-name-teaser{top:auto!important;bottom:18px!important;left:18px!important;display:flex!important;align-items:center;gap:8px;width:188px!important;padding:7px!important;border-radius:17px}body:not(.home) .cr-name-teaser::before{width:62px!important;height:62px!important;flex:0 0 62px!important}body:not(.home) .cr-name-teaser .cr-name-teaser-label{flex:1;min-width:0;margin:0!important;padding:0!important;font-size:12px!important}}
@media(max-width:1199px){body.home .cr-name-teaser{left:12px!important;top:200px!important;width:clamp(72px,16vw,180px)!important;padding:8px!important}body.home .cr-name-teaser .cr-name-teaser-label{font-size:clamp(10px,1.3vw,12px)!important}}
@media(max-width:767px){body.home .cr-name-teaser{top:100px!important}body:not(.home) .cr-name-teaser{bottom:12px!important;left:12px!important;width:165px!important;padding:5px!important}body:not(.home) .cr-name-teaser::before{width:50px!important;height:50px!important;flex:0 0 50px!important}body:not(.home) .cr-name-teaser .cr-name-teaser-label{font-size:11px!important}}

@media(max-width:767px){body:not(.home) .cr-name-teaser{left:auto!important;right:12px!important}body:not(.home) .cr-back-top{bottom:88px!important}}

@media(max-width:767px){body:not(.home) .cr-back-top{bottom:100px!important}}

/* Premium navigation is a preview label until sets launch. */
#main_header .cr-premium-menu,#mobile_header .cr-premium-menu{position:relative!important}
#main_header .cr-premium-label,#mobile_header .cr-premium-label{display:block;cursor:help;white-space:nowrap;color:inherit;font-weight:700}
#main_header .cr-premium-label{padding:7px 7px!important;font-size:15px!important;line-height:22px}
#main_header #primary-menu>li>a{padding-left:7px!important;padding-right:7px!important}
.cr-premium-tooltip{position:absolute;top:calc(100% + 7px);left:50%;z-index:10000;visibility:hidden;opacity:0;transform:translate(-50%,-4px);pointer-events:none;white-space:nowrap;padding:8px 14px;border:1px solid #f0d8cb;border-radius:12px;background:#fff0e7;color:#b94732;box-shadow:0 12px 26px rgba(58,42,46,.16);font-size:13px;font-weight:800;line-height:1.2;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.cr-premium-tooltip::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:#fff0e7}
.cr-premium-menu:hover .cr-premium-tooltip,.cr-premium-menu:focus-within .cr-premium-tooltip{visibility:visible;opacity:1;transform:translate(-50%,0)}
@media(min-width:1026px) and (max-width:1199px){#main_header .header-grid{grid-template-columns:250px minmax(0,1fr) 100px!important;gap:10px!important}#main_header .inner.logo{max-width:250px!important}#main_header .inner.logo img{width:240px!important}#main_header #primary-menu>li>a{padding-left:5px!important;padding-right:5px!important;font-size:14px!important}#main_header .cr-premium-label{padding:7px 5px!important;font-size:14px!important}}
@media(max-width:1025px){#mobile_header .cr-premium-label{padding:10px 16px!important;font-size:15px!important}#mobile_header .cr-premium-tooltip{left:16px;top:calc(100% - 2px);transform:translateY(-4px)}#mobile_header .cr-premium-menu:hover .cr-premium-tooltip,#mobile_header .cr-premium-menu:focus-within .cr-premium-tooltip{transform:translateY(0)}}

/* Leave space for the language switch beside the added menu item. */
#main_header #primary-menu>li>a{padding-left:4px!important;padding-right:4px!important}
#main_header .cr-premium-label{padding-left:4px!important;padding-right:4px!important}

/* Keep language and appearance controls separate from navigation on narrow desktops. */
@media (min-width:1026px) and (max-width:1199px){
#main_header .header-grid{grid-template-columns:250px minmax(0,1fr)!important;grid-template-rows:60px 60px!important;gap:0 10px!important}
#main_header .header-grid>.desktop-only{grid-column:1;grid-row:1/3;align-self:center}
#main_header .header-grid>.icons-menu{grid-column:2;grid-row:1;justify-self:end;width:170px!important}
#main_header .header-grid>.main-menu{grid-column:2;grid-row:2;width:100%!important}
#main_header .icons-menu .inner{width:170px!important;justify-content:flex-end!important}
#main_header .inner.menu{justify-content:flex-end!important}
}

/* Separate header controls from menu at regular desktop widths too. */
@media (min-width:1200px){
#main_header .header-grid{grid-template-columns:300px minmax(0,1fr)!important;grid-template-rows:60px 60px!important;gap:0 10px!important}
#main_header .header-grid>.desktop-only{grid-column:1;grid-row:1/3;align-self:center}
#main_header .header-grid>.icons-menu{grid-column:2;grid-row:1;justify-self:end;width:180px!important}
#main_header .header-grid>.main-menu{grid-column:2;grid-row:2;width:100%!important}
#main_header .icons-menu .inner{width:180px!important;justify-content:flex-end!important}
#main_header .inner.menu{justify-content:flex-end!important}
}

/* Sticky desktop header must contain both navigation rows. */
@media (min-width:1026px){body.bt-scrolled #main_header{height:120px!important;min-height:120px!important}body.bt-scrolled #main_header .header-grid{height:120px!important}}

/* Free ebook library: readable cards in dark mode (TR and EN). */
html.cr-dark .cr-ebook-library{color:#eee7df!important}
html.cr-dark .cr-ebook-library>section:first-child{background:linear-gradient(120deg,#292d2d,#203833)!important;border-color:#42524d!important}
html.cr-dark .cr-ebook-library>article{background:#232d31!important;border-color:#43545a!important;box-shadow:0 14px 38px rgba(0,0,0,.22)!important}
html.cr-dark .cr-ebook-library>article>div:first-child{background:#343a37!important}
html.cr-dark .cr-ebook-library>section:last-child{background:#293431!important;border:1px solid #42524d!important}
html.cr-dark .cr-ebook-library h2{color:#f8f1e9!important}
html.cr-dark .cr-ebook-library p{color:#e4ddd5!important}
html.cr-dark .cr-ebook-library>section:first-child>p:first-child{color:#ff9a80!important}
html.cr-dark .cr-ebook-library>article span{background:#305044!important;color:#e3f2e9!important}
html.cr-dark .cr-ebook-library>article a{background:#f05b3d!important;color:#fff!important}

/* Trke tek dil grnm */
.cr-language-switch{display:none!important}

/* ColorRobin navigation flowers and spacing */
@media (min-width:1026px){
  #main_header .main-menu-list.desk{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important}
  #main_header .main-menu-list.desk>li{flex:none!important;margin:0!important}
  #main_header .main-menu-list.desk>li>a.nav-link{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 4px!important;white-space:nowrap!important}
  #main_header .main-menu-list.desk>li>a.nav-link::after{content:"✿"!important;display:inline-block!important;position:static!important;order:-1!important;color:#ef7b6a!important;font-size:17px!important;font-weight:400!important;line-height:1!important;transform:none!important;background:none!important;width:auto!important;height:auto!important;margin:0!important;border:0!important}
  #main_header .main-menu-list.desk .cr-activities-menu>a.nav-link.cr-premium-label{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:12px!important;color:#3d3538!important;font-weight:700!important;cursor:pointer!important}
  #main_header .main-menu-list.desk .cr-activities-menu>a.nav-link.cr-premium-label:hover,#main_header .main-menu-list.desk .cr-activities-menu>a.nav-link.cr-premium-label:focus-visible{background:#fff0e8!important;color:#b94d3c!important}
  #main_header .main-menu-list.desk .cr-activities-menu.current-menu-item>a.nav-link.cr-premium-label{background:#fff0e8!important;color:#b94d3c!important}
  #main_header .main-menu-list.desk .cr-premium-icon{display:none!important}
  html.cr-dark #main_header .main-menu-list.desk .cr-activities-menu>a.nav-link.cr-premium-label{background:transparent!important;color:#f1e9e2!important}
  html.cr-dark #main_header .main-menu-list.desk .cr-activities-menu>a.nav-link.cr-premium-label:hover,html.cr-dark #main_header .main-menu-list.desk .cr-activities-menu.current-menu-item>a.nav-link.cr-premium-label{background:#3b3333!important;color:#ffb19d!important}
}
@media (min-width:1026px) and (max-width:1250px){#main_header .main-menu-list.desk{gap:7px!important}#main_header .main-menu-list.desk>li>a.nav-link{gap:5px!important;font-size:13px!important}#main_header .main-menu-list.desk>li>a.nav-link::after{font-size:14px!important}}

@media (max-width:1025px){
  #main_header .main-menu-list.desk>li+li{margin-top:7px!important}
  #main_header .main-menu-list.desk>li>a.nav-link{display:flex!important;align-items:center!important;gap:10px!important;padding:13px 12px!important;white-space:nowrap!important}
  #main_header .main-menu-list.desk>li>a.nav-link::after{content:"✿"!important;display:inline-block!important;position:static!important;order:-1!important;color:#ef7b6a!important;font-size:18px!important;font-weight:400!important;line-height:1!important;background:none!important;width:auto!important;height:auto!important;margin:0!important;border:0!important}
  #main_header .main-menu-list.desk .cr-activities-menu>a.nav-link.cr-premium-label{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:12px!important;color:#3d3538!important;font-weight:700!important;cursor:pointer!important}
  #main_header .main-menu-list.desk .cr-activities-menu>a.nav-link.cr-premium-label:hover,#main_header .main-menu-list.desk .cr-activities-menu.current-menu-item>a.nav-link.cr-premium-label{background:#fff0e8!important;color:#b94d3c!important}
  #main_header .main-menu-list.desk .cr-premium-icon{display:none!important}
  html.cr-dark #main_header .main-menu-list.desk .cr-activities-menu>a.nav-link.cr-premium-label{background:transparent!important;color:#f1e9e2!important}
}

@media (max-width:1025px){
  #main_header .main-menu-list.desk>li.cr-activities-menu{text-align:left!important}
  #main_header .main-menu-list.desk>li.cr-activities-menu>a.nav-link.cr-premium-label{display:flex!important;width:100%!important;justify-content:flex-start!important;padding:13px 12px!important;line-height:27px!important}
  #main_header .main-menu-list.desk>li>a.nav-link .caret,#main_header .main-menu-list.desk>li>a.nav-link .bt-submenu-toggle{display:none!important}
}

/* Header search popover */
#main_header .inner.mh button.item.search{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid #eed1c5!important;border-radius:14px!important;background:linear-gradient(145deg,#fff9f3,#ffede4)!important;box-shadow:0 3px 9px rgba(111,72,57,.10)!important;cursor:pointer!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}
#main_header .inner.mh button.item.search:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(111,72,57,.16)!important}
#main_header .inner.mh button.item.search svg{width:21px!important;height:21px!important}
#main_header .inner.mh button.item.search svg path{fill:#d45f49!important}
#main_header .inner.mh button.item.search[aria-expanded="true"]{background:#e87561!important;border-color:#d9614d!important}
#main_header .inner.mh button.item.search[aria-expanded="true"] svg path{fill:#fff!important}
#main_header #quick_search.bt-search-open{position:absolute!important;top:calc(100% - 5px)!important;right:35px!important;left:auto!important;z-index:1000!important;display:flex!important;align-items:center!important;gap:8px!important;width:min(360px,calc(100vw - 28px))!important;height:auto!important;min-height:64px!important;padding:9px!important;border:1px solid #efd7ca!important;border-radius:18px!important;background:#fffaf6!important;box-shadow:0 16px 35px rgba(57,43,39,.18)!important}
#main_header #quick_search.bt-search-open input[name="s"]{flex:1 1 auto!important;width:100%!important;min-width:0!important;height:44px!important;margin:0!important;padding:0 14px!important;border:1px solid #ead8cc!important;border-radius:12px!important;background:#fff!important;color:#342f35!important;box-shadow:none!important;font-size:14px!important}
#main_header #quick_search.bt-search-open input[name="s"]:focus{outline:2px solid #f0b49f!important;outline-offset:1px!important}
#main_header #quick_search.bt-search-open .search-button{flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:#e87561!important;box-shadow:none!important}
#main_header #quick_search.bt-search-open .search-button svg path{fill:#fff!important}
html.cr-dark #main_header .inner.mh button.item.search{background:#303438!important;border-color:#66544d!important}
html.cr-dark #main_header #quick_search.bt-search-open{background:#252a2e!important;border-color:#5e4c46!important}
html.cr-dark #main_header #quick_search.bt-search-open input[name="s"]{background:#33393d!important;color:#fff!important;border-color:#63534d!important}
@media(max-width:1025px){#main_header #quick_search.bt-search-open{right:12px!important}}