/*
Theme Name: Elegant Reef Studio
Author: Elegant Reef
Description: A custom responsive storefront theme for Elegant Reef – Tropical Fish Studio. Includes a dedicated homepage, automatic arrivals cards, and classic WordPress content layouts.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elegant-reef
*/
:root{--red:#e50924;--dark:#181b1c;--paper:#f7f6f3;--ink:#1c2021;--muted:#606567;--line:#dddeda}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.65 Arial,Helvetica,sans-serif}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #1685bc}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.13;margin:0 0 22px;letter-spacing:-.035em}h1{font-size:clamp(36px,4.5vw,66px)}h2{font-size:clamp(29px,3vw,44px)}h3{font-size:25px}p{margin:0 0 22px}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.site-header{background:var(--dark);color:white}.header-inner{display:flex;align-items:center;gap:32px;min-height:108px}.brand{margin-right:auto;width:235px;flex-shrink:0}.brand img{width:235px;height:90px;object-fit:contain}.brand a{display:block}nav ul{display:flex;align-items:center;gap:28px;list-style:none;padding:0;margin:0}nav a{text-decoration:none;font-size:14px}nav a:hover{color:#ff8c99}nav li{position:relative}nav .sub-menu{position:absolute;z-index:10;top:100%;left:0;display:none;min-width:190px;background:var(--dark);padding:20px}nav li:hover>.sub-menu,nav li:focus-within>.sub-menu{display:block}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 25px;background:var(--red);color:#fff;font-size:14px;font-weight:700;border:1px solid var(--red);border-radius:5px;text-decoration:none;line-height:1.5;transition:background .15s}.button:hover{background:#b7071d;border-color:#b7071d}.outline{background:transparent;border-color:#fff}.outline:hover{background:#ffffff20;border-color:white}.hero{position:relative;min-height:490px;display:flex;align-items:center;color:white;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{object-position:center 48%}.hero-shade{background:linear-gradient(90deg,#050d16e8 0%,#050d16b0 35%,#050d1610 75%)}.hero-content{position:relative;padding-block:60px}.hero h1{max-width:600px}.hero p{max-width:540px;font-size:20px;line-height:1.5}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.image-caption{position:absolute;right:22px;bottom:12px;font-size:10px;background:#0006;padding:2px 6px}.info-strip{background:white;border-bottom:1px solid var(--line)}.info-strip .wrap{display:flex;justify-content:space-between;padding-block:18px;gap:20px}.info-strip a{font-size:14px;text-decoration:none}.section{padding-block:62px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2{margin:0}.eyebrow{display:block;font-size:10px;letter-spacing:2.5px;font-weight:700;text-transform:uppercase;margin-bottom:20px}.eyebrow:before{content:'';display:inline-block;width:35px;height:2px;background:var(--red);vertical-align:middle;margin-right:16px}.section-heading .eyebrow{margin:0}.arrival-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.arrival-card{display:block;background:white;border:1px solid #e5e5e0;border-radius:7px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.arrival-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000010}.arrival-card>img{width:100%;height:235px;object-fit:cover}.arrival-card>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px}.arrival-card h3{margin:0 0 5px}.arrival-card small{color:var(--muted);font-size:13px}.arrival-card strong{color:var(--red);font-size:13px;white-space:nowrap}.text-link{display:inline-block;color:#bc0b21;font-weight:700;font-size:14px;margin-top:22px}.services{position:relative;overflow:hidden;background:var(--dark);color:white}.services>img,.service-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.services>img{object-position:right 55%}.service-shade{background:linear-gradient(90deg,#181b1c 0%,#181b1cf2 35%,#181b1c60 78%)}.service-content{position:relative;padding-block:62px}.services h2{max-width:680px}.services p{max-width:555px;font-size:19px}.service-types{padding:0;margin:26px 0 30px;display:flex;gap:36px;list-style:none;font-size:14px;line-height:1.4}.service-types li{padding-left:15px;border-left:2px solid var(--red)}.membership{background:white}.membership-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.membership-grid>div+div{border-left:1px solid var(--line);padding-left:48px}.membership h2{font-size:33px}.benefits{display:flex;gap:25px;list-style:none;padding:0;margin:28px 0 16px}.benefits li+li{border-left:1px solid var(--line);padding-left:25px}.benefits strong,.benefits span{display:block}.benefits strong{font-size:20px}.benefits span,.muted{font-size:14px;color:var(--muted)}.water-card{padding:23px;border:1px solid var(--line);border-radius:7px;background:#fafbfc}.water-card h3{font:700 15px Arial,sans-serif;letter-spacing:0;margin-bottom:8px}.water-card p{font-size:14px;margin:0}.water-card p span{display:block;color:#343b3e}.water-card>div+div{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.site-footer{background:var(--dark);color:white;padding:45px 0 20px}.footer-inner{display:flex;align-items:center;gap:50px;justify-content:space-between}.footer-logo{width:220px;flex-shrink:0}.footer-inner h2{font-size:30px;margin-bottom:12px}.footer-inner p{font-size:14px;margin:5px 0}.footer-inner a:not(.button){font-size:14px}.copyright{font-size:11px;color:#adb2b3;margin-top:35px}.content-area{padding-block:65px;min-height:55vh}.reading-width{max-width:960px}.article-header{margin-bottom:35px}.article-header h1{font-size:clamp(34px,4vw,54px)}.entry-content{overflow-wrap:anywhere}.entry-content>*{max-width:100%}.entry-content h2,.entry-content h3{margin-top:38px}.entry-content img{height:auto}.entry-content figure{margin-inline:0}.entry-content table{width:100%;border-collapse:collapse;background:white;font-size:16px}.entry-content td,.entry-content th{padding:12px 16px;border:1px solid var(--line);text-align:left}.entry-content th{background:#eceeea}.entry-content tr:nth-child(even){background:#f0f2ee}.wp-block-table{overflow-x:auto}.entry-content a{color:#ba0920}.entry-content blockquote{border-left:3px solid var(--red);padding:15px 25px;margin:25px 0}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.post-card{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden}.post-card>a>img{width:100%;height:280px;object-fit:cover}.post-card-body{padding:28px}.post-card h2{font-size:29px;margin:14px 0}.post-card h2 a{text-decoration:none}.post-card p{font-size:16px}.post-card small{font-size:12px;color:var(--muted)}.navigation{margin-top:40px}.nav-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.page-numbers{padding:8px}.comments-area{margin-top:55px}.comment-list{padding:0}.comment-form input:not([type=checkbox]),.comment-form textarea,.search-field,.post-password-form input[type=password]{padding:10px;border:1px solid #a5aaac;max-width:100%;background:#fff}.comment-form label{display:block}.comment-form textarea{width:100%}input[type=submit],.search-submit{background:var(--red);color:white;border:0;padding:12px 20px;cursor:pointer}.skip-link{position:absolute;left:15px;top:-100px;background:white;color:black;padding:12px;z-index:100}.skip-link:focus{top:10px}.menu-toggle{background:none;color:white;border:1px solid #888;border-radius:4px;padding:8px 12px}.menu-toggle[hidden]{display:none}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aligncenter{margin-inline:auto}.alignwide{width:100%}.wp-caption-text{font-size:13px;color:var(--muted)}
@media(min-width:901px){.menu-toggle{display:none}}
@media(max-width:1000px){.header-inner{gap:20px}nav ul{gap:16px}.brand{width:185px}.brand img{width:185px}.header-cta{padding-inline:16px}.membership-grid{gap:30px}.membership-grid>div+div{padding-left:30px}.benefits{gap:15px}.benefits li+li{padding-left:15px}.arrival-card>div{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:90px;flex-wrap:wrap;gap:15px;padding-block:8px}.brand img{height:70px}.header-cta{display:none}nav{width:100%;order:3;padding-bottom:15px}body:has(.menu-toggle:not([hidden])) nav{display:none}body:has(.menu-toggle:not([hidden])) nav.is-open{display:block}nav ul{flex-wrap:wrap;gap:14px 24px}nav .sub-menu{position:static;display:block;padding:8px 0 0 12px}.hero{min-height:470px}.hero-content{padding-block:50px}.hero h1{font-size:52px;max-width:510px}.hero p{max-width:440px}.membership-grid{grid-template-columns:1fr}.membership-grid>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:35px}.footer-inner{flex-wrap:wrap;gap:28px}.footer-logo{width:180px}.arrival-card>img{height:200px}.section-heading .eyebrow{display:none}}
@media(max-width:560px){body{font-size:16px}.hero h1{font-size:43px}.hero p{font-size:18px}.hero-photo{object-position:65% center}.hero-shade{background:#03101bb8}.hero{min-height:480px}.actions{gap:12px}.actions .button{font-size:13px;padding-inline:17px}.info-strip .wrap{flex-wrap:wrap;gap:8px 20px}.info-strip a{font-size:12px}.arrival-grid,.post-grid{grid-template-columns:1fr}.arrival-card>img{height:215px}.arrival-card>div{flex-direction:row}.arrival-card h3{font-size:23px}.section{padding-block:42px}.service-content{padding-block:45px}.service-shade{background:#181b1cce}.service-types{gap:18px;font-size:12px}.services h2{font-size:32px}.services p{font-size:17px}.benefits{justify-content:space-between;gap:10px}.benefits strong{font-size:18px}.benefits li+li{padding-left:14px}.membership h2{font-size:30px}.footer-inner{display:block}.footer-inner>div{margin:25px 0}.footer-logo img{width:180px}.content-area{padding-block:40px}.entry-content td,.entry-content th{padding:9px;font-size:14px}.post-card>a>img{height:auto}.post-card h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.footer-policy-nav{margin-top:30px;display:block!important;width:min(1240px,calc(100% - 80px));padding:0}.footer-policy-nav ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 24px;list-style:none;margin:0;padding:0}.footer-policy-nav a{color:#d0d4d5;font-size:12px;text-decoration:underline}.footer-policy-nav+.copyright{margin-top:18px}@media(max-width:900px){.footer-policy-nav{width:calc(100% - 40px)}}