/*
Theme Name: Coral Triangle Scuba
Author: Coral Triangle Scuba
Description: A visual block theme for bespoke wildlife diving journeys. Edit all content in Appearance > Editor.
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: coral-triangle-scuba
*/
:root{--ink:var(--wp--preset--color--ink,#102d37);--ocean:var(--wp--preset--color--ocean,#030e1c);--blue:#0c4556;--paper:var(--wp--preset--color--paper,#f8faf9);--accent:var(--wp--preset--color--gold,#dfb86c);--line:#ccd8d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible{outline:3px solid #d47c29;outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1}header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem 5%;background:var(--ocean);color:#fff}.brand{font-family:Georgia,serif;font-size:1.3rem;line-height:1.1;letter-spacing:.045em}.brand span{display:block;font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.36em;margin-top:.5rem}.custom-logo{max-width:180px;max-height:65px;object-fit:contain;width:auto}nav{display:flex;align-items:center;gap:2.2rem;font-size:.875rem}.nav-cta{border-bottom:1px solid #a9d1cf;padding:.3rem 0}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1fr 1.05fr;background:var(--ocean);color:white;min-height:670px}.hero-copy{padding:4rem 8% 3rem 10%;align-self:center}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:600;line-height:1.7}.hero .eyebrow{color:#b7d9d3;max-width:25rem}h1{font-size:clamp(3.1rem,5vw,5.4rem);letter-spacing:-.045em;margin:1.9rem 0;max-width:10em}.intro{font-size:1.0625rem;max-width:27rem;color:#d7e5e9;line-height:1.8}.button{display:inline-flex;gap:2.2rem;align-items:center;justify-content:space-between;padding:1rem 1.5rem;font-size:.875rem;margin-top:2.2rem;background:var(--ocean);color:white}.button.light{background:#ecf5f2;color:#153943}.button:hover{background:#b7d9d3;color:#102d37}.hero-note{display:block;font-size:.75rem;letter-spacing:.12em;color:#b7cdd4;margin-top:4rem}.hero-image{position:relative;min-height:100%;overflow:hidden}.hero-image img{display:block;width:100%;height:100%;position:absolute;object-fit:cover;object-position:53% center}.hero-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#032937b3)}figcaption{position:absolute;bottom:2rem;left:2rem;right:2rem;font-size:.875rem;z-index:1;color:white}.section{padding:6.5rem 7%}h2{font-size:clamp(2.4rem,3.8vw,4rem);letter-spacing:-.035em}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:3.5rem}.section-heading p:not(.eyebrow){margin-top:1.5rem;max-width:39rem;color:#435f69}.section-heading .eyebrow{padding-top:.6rem}.animal{display:grid;grid-template-columns:.4fr 1.2fr 1.5fr auto;gap:2rem;align-items:center;padding:1.9rem 0;border-top:1px solid var(--line)}.animal:last-child{border-bottom:1px solid var(--line)}.animal:hover h3{color:#257381}.animal h3{font-size:2rem}.animal p{font-size:.9375rem;color:#435f69}.number{font-size:.8125rem;color:#536a72}.arrow{font-size:1.5rem}.small{font-size:.75rem;line-height:1.7}.wildlife-note{margin-top:1.5rem;color:#435f69}.destinations{background:var(--wp--preset--color--mist,#e8efef)}.destinations h2{margin:1.5rem 0 3rem}.destination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.destination-grid>a{border-top:1px solid #96afb4;padding:1.5rem 0 .5rem}.destination-grid .small{font-size:.6875rem;letter-spacing:.1em}.destination-grid h3{font-size:2rem;margin:2.2rem 0}.destination-grid>a>span:last-child{font-size:.875rem}.destination-grid a:hover h3{text-decoration:underline;text-underline-offset:8px}.approach{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.approach h2{max-width:13em}.approach p:not(.eyebrow){max-width:38rem;margin:1.8rem 0}.text-link{border-bottom:1px solid var(--ink);padding-bottom:.4rem}.contact{text-align:center;background:var(--ocean);color:white}.contact h2{max-width:13em;margin:1.5rem auto}.contact>p:not(.eyebrow){max-width:34rem;margin:auto;color:#d7e5e9}.contact .button{background:#e9f2ef;color:var(--ink)}.contact .pending{margin-top:2rem!important;font-size:.875rem;color:#b7d9d3!important}footer{padding:2.5rem 5%;display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid #45616b;background:var(--ocean);color:#d7e5e9;font-size:.75rem}footer a{text-decoration:underline}.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;background:white;padding:1rem}.skip-link:focus{top:1rem}.content-page{max-width:850px;margin:auto;padding:4rem 5%}.content-page h1{font-size:3rem;max-width:none}.content-page a{text-decoration:underline}.content-page img{max-width:100%;height:auto}.content-page p{margin:1.5rem 0}.preview-note{background:#ddecdf;color:#173b2d;padding:.5rem 1rem;text-align:center;font-size:.8125rem}
@media(max-width:900px){header{gap:1rem}nav{gap:1rem}.hero{min-height:590px}.hero-copy{padding:3rem 9%}h1{font-size:3.5rem}.hero-note{margin-top:2.5rem}.destination-grid{grid-template-columns:repeat(2,1fr)}.animal{grid-template-columns:.2fr 1.2fr 1.3fr auto;gap:1rem}.section{padding:4.5rem 6%}}
@media(max-width:650px){header{flex-direction:column;align-items:flex-start;padding:1.2rem 6%}nav{width:100%;justify-content:space-between;gap:.6rem;font-size:.8125rem}.hero{grid-template-columns:1fr}.hero-copy{padding:3rem 6%}.hero h1{font-size:clamp(2.8rem,12vw,4rem);max-width:10em}.hero-image{height:360px;min-height:0}.hero-image img{object-position:center 45%}.hero-note{margin-top:2rem}.section-heading,.approach{grid-template-columns:1fr;gap:1.5rem}.animal{grid-template-columns:1.8rem 1fr auto;gap:.5rem}.animal h3{font-size:1.75rem}.animal p{grid-column:2;grid-row:2}.animal .arrow{grid-column:3;grid-row:1}.destination-grid{gap:2rem 1rem}.destination-grid h3{font-size:1.7rem;margin:1.3rem 0}.destination-grid .small{font-size:.75rem;letter-spacing:0}.section{padding:3.5rem 6%}footer{align-items:flex-start;flex-direction:column;gap:1rem}.hero-image figcaption{left:6%;font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared styles for the visual editor and the public website. */
.wp-site-blocks>.wp-block-template-part{margin:0}.wp-block-group,.wp-block-image{margin-top:0;margin-bottom:0}.wp-block-heading{color:inherit}.wp-block-group>*,.wp-block-group p{min-width:0}.wp-block-buttons{margin-top:2.2rem}.wp-block-button__link{display:inline-block;border-radius:0;background:var(--accent);color:var(--ocean);font-family:Arial,Helvetica,sans-serif;font-size:.875rem;padding:1rem 1.5rem;text-decoration:none}.wp-block-button__link:hover{background:#edcc8d}.hero .eyebrow,.hero-note{color:var(--accent)}.brand{color:var(--accent)}.brand>a{display:block}.brand span{color:#fff}.site-nav{gap:2.2rem}.site-nav p{margin:0}.site-nav p:last-child{border-color:var(--accent)}.hero-copy>.wp-block-buttons{display:flex}.hero-image.wp-block-image{max-width:none}.hero-image figcaption{margin:0;line-height:1.6}.animal h3 a:hover{text-decoration:underline;text-underline-offset:.3em}.animal p.arrow{font-size:1.5rem;color:var(--ink)}.destination-grid>.destination{border-top:1px solid #96afb4;padding:1.5rem 0 .5rem}.destination>p:last-child{font-size:.875rem}.destination a:hover{text-decoration:underline;text-underline-offset:.3em}.approach{grid-template-columns:1fr 1.3fr;align-items:center}.approach .eyebrow{margin-bottom:1.5rem}.brand-panel{background:#020a17;padding:1rem}.brand-art img{display:block;width:100%;height:auto}.brand-art{margin:0}.contact>.wp-block-buttons{justify-content:center}.contact .eyebrow{color:var(--accent)}.footer-brand{display:flex;align-items:center;gap:1.8rem}.footer-logo{width:130px;flex-shrink:0}.footer-logo img{display:block;width:100%;height:auto}.site-footer{padding-top:2rem;padding-bottom:2rem}.site-footer p{margin:0}.editor-styles-wrapper .hero-image{min-height:540px}.editor-styles-wrapper .hero-image img{position:relative;min-height:540px;object-fit:cover}.editor-styles-wrapper .hero-image figcaption{position:relative;bottom:auto;left:auto;right:auto;padding:1rem}.editor-styles-wrapper .hero-image:after{pointer-events:none}.editor-styles-wrapper .wp-block-button__link{cursor:text}
@media(max-width:900px){.site-nav{gap:1rem}}
@media(max-width:650px){.site-nav{gap:.6rem;width:100%;justify-content:space-between}.approach{grid-template-columns:1fr}.brand-panel{max-width:420px;width:100%;margin-bottom:1rem}.footer-brand{gap:1rem}.footer-logo{width:100px}.editor-styles-wrapper .hero-image{min-height:0}}

/* Marine Life navigation: native keyboard-accessible submenu and mobile menu. */
.site-nav.wp-block-navigation{background:transparent;padding:0;color:#fff;font-size:.875rem}
.site-nav .wp-block-navigation__submenu-container{background:var(--ocean);color:#fff;border:1px solid #45616b;min-width:12rem}
.site-nav .wp-block-navigation__submenu-container a{padding:.75rem 1rem}
.site-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--ocean);color:#fff;padding:2rem}
.site-nav a:focus-visible,.site-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}