/*
Theme Name: TaoCakes Atelier
Author: TaoCakes
Description: Three-page Vietnamese bakery theme. Fixed media filenames, video hero, collections and customer feedback.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: taocakes
*/
:root{--cream:#f8f4ed;--beige:#e9ddcc;--ink:#392b24;--gold:#ad8b58;--line:#392b2425}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 Arial,sans-serif}h1,h2,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08}h1,h2,p{margin-top:0}h1{font-size:clamp(48px,7vw,110px)}h2{font-size:clamp(34px,4.5vw,66px);letter-spacing:-.035em;margin-bottom:24px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover;background:var(--beige)}.site-header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--cream);border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{font-size:34px;letter-spacing:-1px}.brand span{display:block;font:8px/2 Arial,sans-serif;letter-spacing:3px;text-align:center;margin-top:5px}.site-header nav{display:flex;gap:34px;font-size:13px}.header-social{display:flex;gap:18px;font-size:11px}.site-header a:hover{color:#8c673b}.menu-toggle{display:none}.section{padding:90px 6%}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;line-height:1.8;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 25px;border:1px solid var(--ink);background:transparent;font-size:12px;letter-spacing:.5px;transition:.25s}.button:hover{background:var(--ink);color:var(--cream)}.home-hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:#e9ddcc}.hero-copy{padding:95px 10%;align-self:center}.hero-copy h1{font-size:clamp(72px,8.5vw,136px);letter-spacing:-.065em;margin-bottom:25px}.tagline{font:italic clamp(21px,2.1vw,31px)/1.5 Georgia,serif;margin-bottom:38px}.hero-note{display:block;font-size:9px;letter-spacing:2px;margin-top:65px}.hero-film{position:relative;min-height:660px;max-height:850px;background:#c9ae90}.hero-film video{height:100%;width:100%;position:absolute;object-fit:cover}.video-toggle{position:absolute;bottom:24px;right:24px;border:1px solid #ffffff90;background:#392b2470;color:white;border-radius:50%;height:44px;width:44px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}.text-button{border:0;border-bottom:1px solid var(--line);background:transparent;font-size:12px;padding:12px 0}.featured{overflow:hidden}.marquee{overflow:hidden;margin:0 -7%;padding:15px 0}.marquee-track{display:flex;width:max-content;animation:flow 42s linear infinite}.marquee-set{display:flex;gap:22px;padding-right:22px}.marquee .image-button{width:260px;height:335px}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track,.marquee.paused .marquee-track{animation-play-state:paused}@keyframes flow{to{transform:translateX(-50%)}}.image-button{padding:0;border:0;background:var(--beige);display:block;overflow:hidden;width:100%}.image-button img{transition:transform .5s}.image-button:hover img{transform:scale(1.035)}.section-end{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:12px}.section-end a{border-bottom:1px solid}.feedback{background:#eee5d9}.center-heading{text-align:center;max-width:700px;margin:0 auto 55px}.center-heading>p:last-child{font-size:14px}.feedback-grid{columns:3;column-gap:24px;max-width:1200px;margin:auto}.feedback-grid .image-button{break-inside:avoid;margin-bottom:24px;box-shadow:0 8px 25px #392b2410;transition:transform .3s,box-shadow .3s}.feedback-grid img{height:auto;min-height:120px;object-fit:contain}.feedback-grid .image-button:hover{transform:translateY(-5px);box-shadow:0 18px 36px #392b2420}.page-hero{height:500px;position:relative;background:#86705c;color:white;display:grid;place-items:center;text-align:center}.page-hero>img{position:absolute;inset:0}.page-hero:after{content:'';position:absolute;inset:0;background:#20160e60}.page-hero>div{position:relative;z-index:1;padding:30px}.page-hero h1{margin-bottom:20px}.category-nav{display:flex;justify-content:center;gap:35px;padding:28px 5%;border-bottom:1px solid var(--line);font-size:12px;flex-wrap:wrap}.collection{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center;border-bottom:1px solid var(--line)}.collection:nth-of-type(odd){background:#f0e9de}.collection:nth-of-type(odd) .collection-media{order:2}.collection-copy>p:not(.eyebrow){max-width:430px;color:#756456;margin-bottom:35px}.collection-main{height:500px}.thumbnails{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:14px}.thumb{border:2px solid transparent;padding:2px;background:transparent;aspect-ratio:1}.thumb[aria-pressed=true]{border-color:var(--gold)}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.gallery-controls button{border:1px solid var(--line);background:transparent;width:42px;height:42px}.count{font-size:11px;letter-spacing:2px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:stretch}.visit-info{padding:15px 0}.visit-image img{min-height:650px}.hours{font-weight:600}.map-box{margin-top:35px;min-height:260px;background:var(--beige);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.map-box small{font-size:11px}.map-box iframe{width:100%;height:300px;border:0}.connect{background:var(--ink);color:var(--cream)}.connect-heading{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-bottom:40px}.connect-heading h2{font-size:clamp(32px,3.7vw,56px)}.socials{display:flex;gap:22px;flex-wrap:wrap}.social-link{text-align:center}.social-link span{border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;width:50px;height:50px;font:24px Georgia,serif;transition:.2s}.social-link:hover span{background:var(--gold);color:white}.social-link small{display:block;font-size:10px;margin-top:7px}.social-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.social-grid .image-button{aspect-ratio:1}.footer{padding:60px 6% 30px;text-align:center}.footer p{font:italic 16px Georgia,serif;margin:20px 0}.footer .socials{justify-content:center;margin:25px 0}.footer>small{font-size:10px;letter-spacing:1px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:100;background:white;padding:15px}dialog{border:0;background:var(--cream);padding:45px 18px 15px;max-width:92vw;max-height:92vh}dialog::backdrop{background:#19120fe6}dialog img{max-width:85vw;max-height:73vh;width:auto;height:auto;object-fit:contain;margin:auto}dialog p{font-size:12px;margin:10px 0 0;text-align:center}.lightbox-close{position:absolute;right:10px;top:0;border:0;background:transparent;font-size:32px}.missing{object-fit:contain;min-height:120px}.menu-toggle{border:0;background:none}
@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}}
@media(max-width:900px){.header-social{display:none}.section{padding:65px 6%}.hero-copy{padding:60px 8%}.home-hero,.hero-film{min-height:560px}.collection{gap:6%}.collection-main{height:380px}.social-grid{grid-template-columns:repeat(4,1fr)}.connect-heading{display:block}.connect-heading .socials{margin-top:30px}}
@media(max-width:600px){.site-header{height:80px}.brand{font-size:28px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:24px;background:var(--cream);border-bottom:1px solid var(--line)}.site-header nav.open{display:flex;flex-direction:column;gap:18px}.home-hero{display:flex;flex-direction:column}.hero-copy{padding:50px 7% 40px}.hero-copy h1{font-size:80px}.hero-note{display:none}.hero-film{min-height:0;height:auto;aspect-ratio:3/4;max-height:none}.tagline{font-size:23px}.section-heading{display:block}.marquee .image-button{width:210px;height:270px}.feedback-grid{columns:2;column-gap:12px}.feedback-grid .image-button{margin-bottom:12px}.page-hero{height:370px}.page-hero h1{font-size:48px}.category-nav{gap:12px 22px;font-size:11px}.collection{display:flex;flex-direction:column;gap:30px}.collection:nth-of-type(odd) .collection-media{order:0}.collection-media,.collection-copy{width:100%}.collection-main{height:auto;aspect-ratio:4/5}.collection h2{font-size:42px}.section-end{flex-direction:column}.visit{grid-template-columns:1fr}.visit-image img{min-height:0;aspect-ratio:4/5}.social-grid{grid-template-columns:repeat(3,1fr);gap:8px}.socials{gap:18px}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.marquee{overflow-x:auto}.marquee-set[aria-hidden=true]{display:none}}

/* Logo and persistent contact rail — 1.1 */
.site-header{height:120px}.brand-group{display:flex;align-items:center;gap:16px}.logo-flip{width:92px;height:92px;border:0;padding:0;background:transparent;perspective:700px;flex-shrink:0}.logo-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.logo-flip.flipped .logo-inner{transform:rotateY(180deg)}.logo-front,.logo-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:50%;overflow:hidden;border:1px solid var(--gold);background:var(--cream)}.logo-front img{object-fit:contain;background:transparent;min-height:0;padding:5px}.logo-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--ink);color:var(--cream);font:18px Georgia,serif}.logo-back small{font:7px Arial,sans-serif;letter-spacing:2px;margin-top:8px}.floating-social{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:5px;padding:7px;border:1px solid #ad8b5860;border-radius:35px;background:#f8f4edf5;box-shadow:0 8px 30px #392b2420}.floating-social a{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;transition:background .2s,transform .2s}.floating-social a:hover{background:var(--ink);color:var(--cream);transform:translateX(-3px)}.floating-social svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.thumbnails{grid-template-columns:repeat(7,1fr)}
@media(max-width:600px){.site-header{height:100px;padding:0 5%}.logo-flip{width:76px;height:76px}.brand-group{gap:10px}.brand-group>.brand{font-size:26px}.site-header nav{top:100px}.floating-social{right:6px;top:auto;bottom:20px;transform:none;padding:4px;gap:2px}.floating-social a{width:36px;height:36px}.floating-social svg{width:19px;height:19px}.section{padding-right:54px}.hero-copy{padding-right:54px}}

#trung-muoi .thumbnails{grid-template-columns:repeat(6,1fr)}