/*
Theme Name: Glass Door Refrigerator
Theme URI: https://glassdoorrefrigerator.com/
Author: Atlantic ERP
Description: A precision-built block theme for commercial refrigeration equipment, glass-door merchandisers, reach-ins, and compact cold storage.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glassdoorrefrigerator
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, editor-style, wide-blocks
*/

:root {
  --gdr-ink: #172128;
  --gdr-graphite: #39464e;
  --gdr-muted: #68767e;
  --gdr-line: #d9e0e3;
  --gdr-steel: #e8edef;
  --gdr-steel-dark: #aeb9be;
  --gdr-frost: #f6f8f9;
  --gdr-white: #fff;
  --gdr-blue: #087f9c;
  --gdr-ice: #45c9de;
  --gdr-navy: #102c38;
  --gdr-radius: 1.15rem;
  --gdr-max: 1480px;
  --gdr-shadow: 0 28px 80px rgba(30,45,53,.12);
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
body, button, input, select, textarea { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: .2em; }
img { height: auto; }
::selection { color: var(--gdr-ink); background: #bceff6; }
.wp-site-blocks { overflow: clip; }
.gdr-shell { width: min(calc(100% - clamp(2rem,5vw,5rem)),var(--gdr-max)); max-width: var(--gdr-max)!important; margin-inline: auto!important; }
.gdr-section { padding-block: clamp(4.5rem,8vw,8.5rem); }
.gdr-section-tight { padding-block: clamp(3rem,5vw,5.5rem); }
.gdr-eyebrow { margin: 0 0 1rem; color: var(--gdr-blue); font-size: .7rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.gdr-display { max-width: 13ch; margin: 0; color: var(--gdr-ink); font-size: clamp(3.4rem,7.4vw,7.8rem)!important; line-height: .88!important; letter-spacing: -.07em!important; }
.gdr-section-title { max-width: 15ch; margin: 0; color: var(--gdr-ink); font-size: clamp(2.5rem,4.7vw,5rem)!important; line-height: .96!important; letter-spacing: -.05em!important; }
.gdr-lede { max-width: 42rem; color: var(--gdr-muted); font-size: clamp(1.04rem,1.6vw,1.25rem); line-height: 1.68; }

.wp-element-button,.wp-block-button__link { padding: .92rem 1.4rem!important; border: 1px solid var(--gdr-ink); border-radius: .35rem!important; font-size: .74rem!important; font-weight: 800!important; letter-spacing: .07em; text-decoration: none!important; text-transform: uppercase; box-shadow: none!important; transition: transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease; }
.wp-element-button:hover,.wp-block-button__link:hover { transform: translateY(-2px); }
.is-style-outline>.wp-block-button__link { color: var(--gdr-ink)!important; background: transparent!important; }
.gdr-button-blue>.wp-block-button__link { color: var(--gdr-white)!important; border-color: var(--gdr-blue)!important; background: var(--gdr-blue)!important; }
.gdr-button-blue>.wp-block-button__link:hover { border-color: var(--gdr-navy)!important; background: var(--gdr-navy)!important; }

.gdr-site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid rgba(23,33,40,.09); background: rgba(255,255,255,.93); backdrop-filter: blur(18px); }
.admin-bar .gdr-site-header { top: 32px; }
.gdr-site-header.is-scrolled { box-shadow: 0 12px 34px rgba(28,42,50,.08); }
.gdr-header-inner { min-height: 80px; }
.gdr-brand { gap: .72rem!important; }
.gdr-brand::before { content: ""; width: 2.45rem; height: 2.45rem; flex: none; border: 1px solid #c9d2d6; border-radius: .3rem; background: linear-gradient(135deg,#fff 0 45%,#d7e0e3 46% 55%,#fff 56%) no-repeat; box-shadow: inset 0 0 0 5px #eef2f3; }
.gdr-brand:has(.wp-block-site-logo img)::before { display: none; }
.gdr-brand .wp-block-site-title { margin: 0; font-size: .98rem; font-weight: 850; letter-spacing: -.03em; }
.gdr-brand .wp-block-site-title a { color: var(--gdr-ink); text-decoration: none; }
.gdr-site-header .wp-block-navigation { color: var(--gdr-graphite); font-size: .73rem; font-weight: 750; }
.gdr-site-header .wp-block-navigation-item__content { padding-block: .45rem; text-decoration: none; }
.gdr-site-header .wp-block-navigation-item__content:hover { color: var(--gdr-blue); }
.gdr-site-header .wp-block-navigation__submenu-container { min-width: 17rem!important; padding: .55rem!important; border: 1px solid var(--gdr-line)!important; border-radius: .55rem; background: var(--gdr-white)!important; box-shadow: 0 20px 50px rgba(28,42,50,.14); }
.gdr-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: .7rem .8rem; color: var(--gdr-ink)!important; }
.gdr-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--gdr-frost); }

.gdr-hero { position: relative; min-height: min(850px,calc(100svh - 80px)); border-bottom: 1px solid var(--gdr-line); background: linear-gradient(112deg,#fff 0 48%,#eef2f3 48.1% 100%); isolation: isolate; }
.gdr-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .72; background-image: linear-gradient(rgba(55,71,80,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(55,71,80,.055) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg,transparent 30%,#000); }
.gdr-hero-inner { min-height: inherit; padding-block: clamp(4rem,8vw,7rem); }
.gdr-hero-copy { position: relative; z-index: 2; }
.gdr-hero .gdr-lede { margin-top: 1.6rem; }
.gdr-hero-actions { margin-top: 2rem!important; }
.gdr-hero-visual { position: relative; min-height: 570px; }
.gdr-refrigerator { position: absolute; top: 50%; right: -2%; width: min(47vw,650px); aspect-ratio: 1.03; background: url("assets/images/glass-door-refrigerator.svg") center/contain no-repeat; filter: drop-shadow(0 42px 38px rgba(25,38,45,.2)); transform: translateY(-50%); }
.gdr-spec-chip { position: absolute; z-index: 2; min-width: 130px; padding: .85rem 1rem; border: 1px solid rgba(105,122,131,.25); border-radius: .45rem; background: rgba(255,255,255,.82); box-shadow: 0 16px 35px rgba(30,45,53,.1); backdrop-filter: blur(12px); }
.gdr-spec-chip strong,.gdr-spec-chip small { display: block; }
.gdr-spec-chip strong { color: var(--gdr-ink); font-size: .98rem; }
.gdr-spec-chip small { margin-top: .2rem; color: var(--gdr-muted); font-size: .58rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.gdr-spec-chip--one { top: 16%; left: 0; }
.gdr-spec-chip--two { right: 0; bottom: 14%; }
.gdr-hero-index { position: absolute; right: 0; bottom: 1.6rem; left: 0; }
.gdr-hero-index-inner { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #bfcacf; }
.gdr-hero-index-inner p { margin: 0; padding: 1rem 1rem 0 0; color: var(--gdr-graphite); font-size: .63rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.gdr-hero-index-inner p:not(:first-child) { padding-left: 1rem; border-left: 1px solid #bfcacf; }

.gdr-intro { background: var(--gdr-white); }
.gdr-intro-grid { align-items: end!important; }
.gdr-number-list { margin: 0; padding: 0; list-style: none; counter-reset: gdr; }
.gdr-number-list li { display: grid; grid-template-columns: 3rem 1fr; gap: .75rem; padding: 1rem 0; border-bottom: 1px solid var(--gdr-line); color: var(--gdr-ink); font-weight: 750; counter-increment: gdr; }
.gdr-number-list li::before { content: "0" counter(gdr); color: var(--gdr-blue); font-size: .66rem; letter-spacing: .1em; }

.gdr-products { background: var(--gdr-frost); }
.gdr-heading-row { align-items: end!important; margin-bottom: 2.8rem!important; }
.gdr-product-grid { display: grid!important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem!important; }
.gdr-product-card { position: relative; overflow: hidden; min-height: 440px; padding: 0!important; border: 1px solid var(--gdr-line); border-radius: var(--gdr-radius); background: var(--gdr-white); transition: transform .25s ease,box-shadow .25s ease; }
.gdr-product-card:hover { transform: translateY(-5px); box-shadow: var(--gdr-shadow); }
.gdr-product-card__art { position: relative; height: 230px; overflow: hidden; background: linear-gradient(145deg,#fafdfe,#dce4e7); }
.gdr-product-card__art::before { content: ""; position: absolute; top: 18%; left: 50%; width: 39%; height: 68%; border: 5px solid #9ca9ae; background: linear-gradient(90deg,#bfd8df 0 47%,#edf8fa 48% 52%,#bfd8df 53%); box-shadow: inset 0 0 0 7px #dfe5e7,12px 14px 30px rgba(49,65,73,.14); transform: translateX(-50%); }
.gdr-product-card:nth-child(2) .gdr-product-card__art::before { width: 62%; height: 43%; top: 32%; }
.gdr-product-card:nth-child(3) .gdr-product-card__art::before { width: 56%; background: linear-gradient(90deg,#3e5b65 0 30%,#bfe7ef 31% 47%,#edf8fa 48% 52%,#bfe7ef 53% 69%,#3e5b65 70%); }
.gdr-product-card:nth-child(4) .gdr-product-card__art::before { width: 70%; height: 40%; top: 34%; background: linear-gradient(90deg,#304650 0 32%,#b7dbe3 33% 48%,#304650 49% 51%,#b7dbe3 52% 67%,#304650 68%); }
.gdr-product-card:nth-child(5) .gdr-product-card__art::before { width: 46%; height: 72%; background: linear-gradient(90deg,#bee5ed 0 47%,#edf8fa 48% 52%,#bee5ed 53%); }
.gdr-product-card:nth-child(6) .gdr-product-card__art::before { width: 64%; height: 50%; top: 29%; background: linear-gradient(180deg,#d9e2e5 0 38%,#354a53 39% 47%,#b6dce5 48%); }
.gdr-product-card__body { padding: 1.45rem; }
.gdr-product-card__body span { color: var(--gdr-blue); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.gdr-product-card__body h3 { margin: .55rem 0 .65rem; font-size: 1.32rem; letter-spacing: -.035em; }
.gdr-product-card__body p { margin: 0; color: var(--gdr-muted); font-size: .84rem; line-height: 1.65; }
.gdr-card-link { display: inline-block; margin-top: 1rem; color: var(--gdr-ink); font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.gdr-card-link::after { content: " ↗"; color: var(--gdr-blue); }

.gdr-specification { color: var(--gdr-white); background: var(--gdr-navy); }
.gdr-specification .gdr-section-title { color: var(--gdr-white); }
.gdr-specification .gdr-lede { color: #b7c8cf; }
.gdr-specification .gdr-eyebrow { color: var(--gdr-ice); }
.gdr-spec-list { border-top: 1px solid rgba(255,255,255,.18); }
.gdr-spec-row { display: grid; grid-template-columns: 3rem 1fr auto; gap: 1rem; align-items: center; padding: 1.25rem 0; border-bottom: 1px solid rgba(255,255,255,.15); }
.gdr-spec-row>strong { color: var(--gdr-ice); font-size: .7rem; letter-spacing: .1em; }
.gdr-spec-row h3 { margin: 0; color: var(--gdr-white); font-size: 1.05rem; }
.gdr-spec-row p { margin: .25rem 0 0; color: #9eb4bd; font-size: .8rem; }
.gdr-spec-row>span { color: var(--gdr-ice); }

.gdr-industries-grid { display: grid!important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem!important; margin-top: 3rem!important; }
.gdr-industry { min-height: 260px; padding: 1.5rem; border: 1px solid var(--gdr-line); border-radius: .75rem; background: linear-gradient(145deg,#fff,#f1f4f5); }
.gdr-industry>span { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1px solid #bdc8cd; border-radius: 50%; color: var(--gdr-blue); }
.gdr-industry h3 { margin: 4rem 0 .6rem; font-size: 1.05rem; }
.gdr-industry p { margin: 0; color: var(--gdr-muted); font-size: .8rem; line-height: 1.65; }

.gdr-process { background: var(--gdr-frost); }
.gdr-process-list { counter-reset: process; }
.gdr-process-step { position: relative; padding: 1.3rem 0 1.3rem 4.5rem; border-bottom: 1px solid var(--gdr-line); counter-increment: process; }
.gdr-process-step::before { content: "0" counter(process); position: absolute; top: 1.45rem; left: 0; color: var(--gdr-blue); font-size: .72rem; font-weight: 800; letter-spacing: .1em; }
.gdr-process-step h3 { margin: 0 0 .35rem; font-size: 1.1rem; }
.gdr-process-step p { max-width: 42rem; margin: 0; color: var(--gdr-muted); font-size: .83rem; line-height: 1.6; }
.gdr-resource-grid { display: grid!important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem!important; margin-top: 2rem!important; }
.gdr-resource { padding: 1.5rem; border-top: 3px solid var(--gdr-steel-dark); background: var(--gdr-white); }
.gdr-resource span { color: var(--gdr-blue); font-size: .64rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.gdr-resource h3 { margin: 2rem 0 .55rem; font-size: 1.15rem; }
.gdr-resource p { color: var(--gdr-muted); font-size: .8rem; line-height: 1.65; }
.gdr-cta { position: relative; overflow: hidden; margin-top: 5rem; padding: clamp(2rem,5vw,4.5rem); border-radius: var(--gdr-radius); color: var(--gdr-white); background: var(--gdr-ink); }
.gdr-cta::after { content: ""; position: absolute; right: -8%; bottom: -55%; width: 42%; aspect-ratio: 1; border: 1px solid rgba(69,201,222,.35); border-radius: 50%; box-shadow: 0 0 0 45px rgba(69,201,222,.07),0 0 0 90px rgba(69,201,222,.04); }
.gdr-cta h2 { max-width: 18ch; margin: 0; color: var(--gdr-white); font-size: clamp(2.2rem,4.2vw,4.5rem)!important; line-height: .98!important; letter-spacing: -.05em!important; }
.gdr-cta p { max-width: 40rem; color: #b5c6cd; }

.gdr-page-hero { padding-block: clamp(4rem,8vw,8rem); border-bottom: 1px solid var(--gdr-line); background: linear-gradient(110deg,#fff,#e8edef); }
.gdr-page-hero h1 { max-width: 18ch; margin: .5rem 0 0; font-size: clamp(2.8rem,6vw,6rem)!important; line-height: .95!important; letter-spacing: -.06em!important; }
.gdr-content { padding-block: clamp(3.5rem,6vw,6.5rem); }
.gdr-content>* { max-width: 820px; margin-inline: auto; }
.gdr-content>.alignwide { max-width: var(--gdr-max); }
.single-post .gdr-content>* { width: min(calc(100% - clamp(2rem,5vw,5rem)),var(--gdr-max)); max-width: var(--gdr-max)!important; }
.gdr-content h2,.gdr-content h3 { margin-top: 2.1em; }
.gdr-content p,.gdr-content li { color: #46565f; line-height: 1.82; }
.gdr-post-grid .wp-block-post-template { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.gdr-post-grid .wp-block-post { overflow: hidden; border: 1px solid var(--gdr-line); border-radius: .8rem; background: var(--gdr-white); }
.gdr-post-grid .wp-block-post-featured-image { aspect-ratio: 16/10; margin: 0; overflow: hidden; background: var(--gdr-steel); }
.gdr-post-grid .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; }
.gdr-post-grid .wp-block-post-title,.gdr-post-grid .wp-block-post-excerpt,.gdr-post-grid .wp-block-post-date { padding-inline: 1.25rem; }
.gdr-post-grid .wp-block-post-title { margin: 1rem 0 .5rem; font-size: 1.15rem; }
.gdr-post-grid .wp-block-post-title a { text-decoration: none; }
.gdr-post-grid .wp-block-post-date { padding-top: 1.2rem; color: var(--gdr-blue); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.gdr-post-grid .wp-block-post-excerpt { padding-bottom: 1.2rem; color: var(--gdr-muted); font-size: .8rem; }

.gdr-footer { padding-top: clamp(4rem,7vw,7rem); color: #c5d0d5; background: var(--gdr-ink); }
.gdr-footer h2,.gdr-footer h3,.gdr-footer strong { color: var(--gdr-white); }
.gdr-footer .wp-block-site-title { margin: 0; font-size: 1.15rem; }
.gdr-footer a { color: #c5d0d5; text-decoration: none; }
.gdr-footer a:hover { color: var(--gdr-ice); }
.gdr-footer-grid { padding-bottom: 3rem; }
.gdr-footer-grid p { max-width: 27rem; color: #91a3ab; font-size: .8rem; line-height: 1.7; }
.gdr-footer-links { gap: 2.5rem!important; }
.gdr-footer-links h3 { margin: 0 0 .8rem; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.gdr-footer-links .wp-block-navigation { align-items: flex-start; font-size: .76rem; }
.gdr-footer-bottom { padding-block: 1.2rem; border-top: 1px solid rgba(255,255,255,.1); color: #7f929b; font-size: .67rem; }

.gdr-reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1); }
.gdr-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width:1050px) {
  .gdr-header-cta { display:none!important; }
  .gdr-hero-copy { padding-bottom: 24rem; }
  .gdr-hero-visual { position:absolute; right:0; bottom:3.5rem; left:0; min-height:350px; pointer-events:none; }
  .gdr-refrigerator { right:4%; width:min(72vw,540px); }
  .gdr-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gdr-industries-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gdr-post-grid .wp-block-post-template { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:782px) {
  .admin-bar .gdr-site-header { top:46px; }
  .gdr-header-inner { min-height:70px; }
  .gdr-site-header .wp-block-navigation__responsive-container.is-menu-open { padding:1.25rem; color:var(--gdr-white); background:var(--gdr-ink); }
  .gdr-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color:var(--gdr-white); font-size:1.2rem; }
  .gdr-hero { min-height:810px; background:linear-gradient(165deg,#fff 0 58%,#e9edef 58.1%); }
  .gdr-hero-copy { padding-bottom:21rem; }
  .gdr-refrigerator { right:-5%; width:min(98vw,500px); }
  .gdr-spec-chip--one { left:4%; }
  .gdr-spec-chip--two { right:4%; }
  .gdr-hero-index-inner { overflow-x:auto; grid-template-columns:repeat(4,minmax(150px,1fr)); }
  .gdr-spec-grid,.gdr-intro-grid,.gdr-footer-grid { grid-template-columns:1fr!important; }
  .gdr-footer-links { justify-content:flex-start!important; }
}
@media (max-width:620px) {
  .gdr-shell { width:min(calc(100% - 1.25rem),var(--gdr-max)); }
  .gdr-product-grid,.gdr-industries-grid,.gdr-resource-grid { grid-template-columns:1fr!important; }
  .gdr-post-grid .wp-block-post-template { grid-template-columns:1fr; }
  .gdr-hero-copy { padding-bottom:18rem; }
  .gdr-spec-chip { padding:.65rem .75rem; }
  .gdr-spec-chip--one { top:24%; }
  .gdr-spec-chip--two { bottom:5%; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .gdr-reveal { opacity:1; transform:none; }
}
