/*
Theme Name: Watan Restaurant & Bakery
Theme URI: https://watanrestaurantbakery.com
Author: Ahmadlemar
Description: A rich burgundy and gold WordPress theme for Watan Restaurant & Bakery.
Version: 1.1
Text Domain: watan
*/
:root{--wine:#350708;--wine2:#4a0d0e;--panel:#511315;--gold:#e2ad19;--gold-soft:#c98b12;--cream:#fff6e7;--text:#e6c27a;--line:rgba(226,173,25,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wine);color:var(--text);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;color:var(--cream);line-height:1.1;margin:0}.site-header{height:96px;position:absolute;z-index:3;top:0;left:0;width:100%;padding:18px 3.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(226,173,25,.25);background:rgba(39,4,5,.5)}.brand{display:flex;align-items:center;gap:10px;color:var(--cream)}.brand-mark,.footer-mark{width:50px;height:50px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:700 28px "Playfair Display",serif}.brand-name{font:700 21px "Playfair Display",serif;letter-spacing:2px}.brand-name small{display:block;color:var(--gold);font:600 7px "DM Sans",sans-serif;letter-spacing:1.5px}.nav-menu ul{display:flex;gap:34px;margin:0;padding:0;list-style:none}.nav-menu a{text-transform:uppercase;font-size:13px;font-weight:700;color:var(--cream)}.nav-menu a:hover{color:var(--gold)}.button{display:inline-block;padding:15px 31px;font-weight:700;letter-spacing:.5px;font-size:14px;transition:.2s}.button-gold{color:#30100a;background:var(--gold)}.button-gold:hover{background:#f0bf35}.button-outline{border:1px solid var(--gold);color:var(--cream)}.button-outline:hover{background:var(--gold);color:#30100a}.header-order{padding:14px 24px}.hero{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,rgba(99,28,26,.48),transparent 45%),linear-gradient(rgba(34,3,4,.48),rgba(34,3,4,.83)),repeating-radial-gradient(ellipse at center,#633027 0 2px,#3a0809 3px 38px,#290405 39px 44px)}.hero:before,.hero:after{content:"";position:absolute;inset:-15%;opacity:.3;background:repeating-conic-gradient(from 45deg at 50% 50%,transparent 0 16deg,rgba(226,173,25,.22) 17deg 18deg,transparent 19deg 36deg)}.hero:after{inset:0;background:radial-gradient(circle,transparent 35%,rgba(18,0,1,.7) 100%)}.hero-frame{position:absolute;inset:120px 30px 38px;border:1px solid var(--line);z-index:1}.hero-frame:before,.hero-frame:after{content:"";position:absolute;width:58px;height:58px;border-color:var(--gold);border-style:solid}.hero-frame:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.hero-frame:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.hero-content{position:relative;z-index:2;text-align:center;padding:135px 20px 60px}.hero-seal{margin:auto;width:150px;height:150px;border:2px solid var(--cream);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold);background:rgba(72,7,9,.75);box-shadow:0 0 0 7px rgba(226,173,25,.15)}.hero-seal span{font:700 80px "Playfair Display",serif;line-height:.75}.hero-seal small{font-weight:700;letter-spacing:4px;margin-top:11px}.eyebrow{color:var(--gold);font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.hero h1{font-size:clamp(58px,9vw,112px);letter-spacing:12px;margin:34px 0 6px}.hero-subtitle{margin:0;color:var(--gold);letter-spacing:8px;font-size:17px;font-weight:700}.hero-note{font:italic 700 17px "Playfair Display",serif;color:#ead7b0;margin:12px 0 32px}.hero-actions{display:flex;justify-content:center;gap:18px}.hero-location{border:1px solid var(--line);padding:9px 24px;width:max-content;max-width:100%;margin:48px auto 0;color:var(--gold);letter-spacing:4px;font-size:12px}.section-wrap{max-width:1760px;margin:auto;padding:120px 6.5%}.story{display:grid;grid-template-columns:1fr 1.12fr;gap:9%;align-items:center}.story-art{position:relative;height:600px;border:1px solid var(--line);background:linear-gradient(145deg,#4d1710,#1e0807);overflow:visible}.plate{position:absolute;top:7%;left:6%;width:74%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:160px;color:var(--gold);background:repeating-radial-gradient(circle,#d9c085 0 4px,#31505a 5px 8px,#d9c085 9px 12px);box-shadow:inset 0 0 0 22px #b78a3b,0 12px 38px #170303}.bread{position:absolute;right:-21%;bottom:-11%;width:72%;height:47%;border:4px solid #9c6526;padding:80px 10px 0;text-align:center;background:radial-gradient(ellipse,#d78d32,#663213 58%,#241006 60%);font:700 30px "Playfair Display",serif;color:#fff1cc;box-shadow:0 15px 26px #1c0304}.bread small{font:italic 14px "Playfair Display",serif}.story-copy h2,.section-heading h2,.contact-copy h2{font-size:clamp(46px,5.2vw,76px);margin:20px 0 38px}.story-copy>p:not(.eyebrow){font-size:18px;margin:0 0 21px}.eyebrow-line:before{content:"";display:inline-block;width:40px;height:2px;background:var(--gold);vertical-align:middle;margin:0 15px 4px 0}blockquote{border-left:2px solid var(--gold);margin:42px 0 0;padding:24px 30px;background:rgba(104,32,25,.42);font:italic 700 20px "Playfair Display",serif;color:var(--cream)}.menu-section{padding-top:95px}.section-heading{text-align:center;max-width:760px;margin:0 auto 70px}.section-heading h2{margin:15px 0}.section-heading>p:last-child{font-size:18px}.ornament{color:var(--gold);letter-spacing:5px}.menu-promises{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;gap:20px;padding:18px;margin-bottom:75px;color:var(--gold);font-weight:700}.menu-grid{max-width:1100px;margin:auto}.menu-group{margin-bottom:56px}.menu-group h3{color:var(--gold);font-size:30px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:21px}.menu-group h3 b{display:inline-grid;place-items:center;width:40px;height:40px;background:#5a1c14;font-family:Arial;font-size:20px}.menu-item{position:relative;padding:10px 95px 17px 0}.menu-item strong{color:var(--cream);font-size:18px;background:var(--wine);position:relative;z-index:1;padding-right:8px}.menu-item:before{content:"";position:absolute;top:25px;left:0;right:0;border-top:1px dotted var(--line)}.menu-item span{position:absolute;right:0;top:10px;color:var(--gold);font-size:18px;font-weight:700;background:var(--wine);z-index:1;padding-left:8px}.menu-item p{margin:3px 0 0;color:#e9bd6e;font-size:15px}.reviews{border-top:1px solid var(--line)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.review-grid article{border:1px solid var(--line);padding:37px;min-height:280px;background:rgba(96,22,20,.32);display:flex;flex-direction:column}.stars{color:var(--gold);letter-spacing:3px}.review-grid p{font:italic 18px "Playfair Display",serif;color:var(--cream);flex:1}.review-grid b{color:var(--cream)}.find-us{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;border-top:1px solid var(--line)}.contact-copy h2{margin:16px 0 42px}.contact-copy dl{margin:0;padding-left:75px}.contact-copy dt{position:relative;color:var(--cream);font:700 22px "Playfair Display",serif;margin-top:27px}.contact-copy dt:before{content:"✦";position:absolute;left:-75px;top:-5px;width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);font-family:Arial}.contact-copy dd{margin:4px 0;color:#e5bb70;font-size:18px}.contact-copy dd a{color:var(--gold);font-size:14px;font-weight:700}.order-card{min-height:560px;border:1px solid var(--line);padding:80px 12%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,rgba(105,27,21,.85),rgba(52,7,8,.95));position:relative}.order-card:before,.order-card:after{content:"";position:absolute;width:30px;height:30px;border:1px solid var(--gold)}.order-card:before{left:20px;top:20px;border-width:1px 0 0 1px}.order-card:after{right:20px;bottom:20px;border-width:0 1px 1px 0}.order-card>span{font-size:30px;color:var(--gold)}.order-card h2{font-size:42px;margin:28px 0 16px}.order-card p{font-size:18px;margin:0 0 35px}.order-card small{margin-top:25px;letter-spacing:2px;color:#a77a45}.site-footer{border-top:1px solid var(--line);padding:58px 20px;text-align:center;background:#2c0506}.footer-mark{margin:auto;width:68px;height:68px}.site-footer p{margin:14px 0}.footer-details{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;color:#e4b96b}.copyright{color:#a87547;font-size:14px;border-top:1px solid var(--line);margin:28px auto 0!important;padding-top:22px;max-width:500px}
@media(max-width:800px){.site-header{height:75px;padding:10px 5%}.brand-mark{width:38px;height:38px;font-size:21px}.brand-name{font-size:16px}.nav-menu{display:none}.header-order{padding:10px 13px;font-size:11px}.hero-frame{inset:94px 15px 20px}.hero h1{letter-spacing:7px}.hero-subtitle{letter-spacing:3px;font-size:12px}.story,.find-us{grid-template-columns:1fr;gap:50px}.section-wrap{padding:75px 7%}.story-art{height:390px;margin-right:12%}.bread{right:-17%;bottom:-10%;font-size:20px;padding-top:55px}.plate{font-size:90px}.menu-promises{flex-direction:column;text-align:center}.review-grid{grid-template-columns:1fr}.order-card{min-height:430px}.site-footer{font-size:14px}.footer-details{flex-direction:column;gap:3px}.footer-details span:nth-of-type(1),.footer-details span:nth-of-type(2){display:none}}
.side-columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;border-bottom:1px solid var(--line);padding:4px 0 25px}.side-columns>div{padding:0 20px;border-right:1px solid var(--line)}.side-columns>div:last-child{border:0}.side-columns h4{font:700 20px "Playfair Display",serif;color:var(--gold);margin:8px 0}.side-columns p{margin:0;color:#e9bd6e;line-height:1.8}.side-columns b{float:right;color:var(--gold)}.menu-special{max-width:410px;margin:25px auto 10px;padding:28px 36px;border:2px solid var(--gold);outline:1px solid var(--line);outline-offset:7px;background:radial-gradient(circle,rgba(106,30,25,.75),rgba(42,5,6,.9));text-align:center;color:var(--text)}.menu-special p{font:700 25px "Playfair Display",serif;color:var(--cream);margin:0}.menu-special strong{display:block;font:700 82px "Playfair Display",serif;line-height:1;color:var(--gold);margin:4px 0}.menu-special span{font-size:17px}.menu-special ul{display:inline-block;text-align:left;margin:12px 0 0;padding-left:25px;line-height:1.45}
@media(max-width:800px){.menu-item{padding-right:88px}.menu-item strong{font-size:16px}.menu-item span{font-size:15px}.side-columns{grid-template-columns:1fr;gap:16px}.side-columns>div{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}}
.story-art{background:linear-gradient(145deg,#4d1710,#1e0807);overflow:visible}.story-image{display:block;position:absolute;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(16,0,0,.65))}.story-image-rice{top:2%;left:1%;width:78%;height:78%;z-index:1}.story-image-kabab{right:-15%;bottom:-7%;width:77%;height:50%;z-index:2}.story-art .plate,.story-art .bread{display:none}@media(max-width:800px){.story-image-rice{width:86%;height:82%;left:-2%;top:0}.story-image-kabab{width:88%;height:51%;right:-20%;bottom:-8%}}