/* ═══════════════════════════════════════
   PorbandarOnline.com — main.css
   Tokens · Reset · Full-width override
   ═══════════════════════════════════════ */

/* ── DESIGN TOKENS ── */
:root {
  --blue:#0082C8; --blue-d:#006AAA; --blue-dd:#004F85;
  --blue-l:#E0F1FB; --blue-m:#B8DDEF;
  --yellow:#FFB800; --yellow-d:#E09F00;
  --yellow-l:#FFF5CC; --yellow-m:#FFE080;
  --dark:#041824; --dark-2:#0A2A3A;
  --bg:#F7F5F1; --sand:#EDE8E0;
  --white:#FFFFFF; --border:#DDD8D0; --border-l:#EDE8E2;
  --text:#1A1A1E; --muted:#6A6460; --light:#A09890;
  --green:#0A9B58; --green-l:#D0F5E8;
  --red:#D42B2B; --red-l:#FDE8E8;
  --teal:#0E7C7B; --teal-l:#E0F4F4;
  --purple:#6B3FA0; --purple-l:#EEE6F8;
  --sh:0 4px 20px rgba(0,130,200,.1);
  --sh-lg:0 8px 40px rgba(0,130,200,.14);
  --sh-xl:0 20px 60px rgba(0,130,200,.18);
  --r:12px; --r-lg:18px; --r-xl:24px; --t:.2s ease;
}

/* ── FULL WIDTH NUCLEAR RESET
   Kills every possible host/plugin wrapper ── */
html,body {
  margin:0!important; padding:0!important;
  background:var(--bg)!important; overflow-x:hidden;
}
#page,#outer-wrap,#wrap,#wrapper,
.hfeed,.site,#site-content,.site-content,
#content,#primary,#main,.site-main,main,
.content-area,#content-wrap,
.entry-content,.post-content,.page-content,
.hentry,article.page,article.hentry,
.ast-container,.ast-page-builder-template,
.oceanwp-container,.ocean-content-wrap,
#hm-page,#hm-content,.hm-page,.hm-wrap,
.elementor-section-wrap,.e-page-template,
.twentytwenty-header,.twentytwentyfour-header {
  width:100%!important; max-width:100%!important;
  padding:0!important; margin:0!important;
  float:none!important; background:transparent!important;
  box-sizing:border-box!important;
}
#secondary,.widget-area,aside:not(.sidebar-tourism) {
  display:none!important;
}

/* ── CSS RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{display:block;max-width:100%}
button{cursor:pointer;font-family:inherit;border:none;background:none}
input,select,textarea{font-family:inherit}

/* ── CONTAINER ── */
.container{max-width:1240px;margin:0 auto;padding:0 22px}

/* ── TYPOGRAPHY ── */
h1,h2,h3,h4{font-family:'Playfair Display',serif;line-height:1.2;color:var(--text)}
h1{font-size:clamp(28px,4vw,48px)}
h2{font-size:clamp(22px,3vw,36px)}
h3{font-size:clamp(18px,2.5vw,24px)}
p{line-height:1.72;color:var(--muted)}

/* ── GRID UTILITIES ── */
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* ── SPACING ── */
.py-48{padding:48px 0}.py-56{padding:56px 0}
.py-64{padding:64px 0}.py-72{padding:72px 0}

/* ── COLOUR UTILITIES ── */
.bg-white{background:var(--white)}
.bg-sand{background:var(--sand)}
.bg-blue-l{background:var(--blue-l)}
.bg-dark{background:var(--dark)}
.text-center{text-align:center}
.text-blue{color:var(--blue)}
.text-yellow{color:var(--yellow)}

/* ── SECTION HEADERS ── */
.sec-eyebrow{font-family:'Poppins',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow-d);display:block;margin-bottom:6px}
.sec-title{font-family:'Playfair Display',serif;font-size:clamp(22px,3vw,36px);color:var(--text);line-height:1.2;margin-bottom:10px}
.sec-sub{font-size:14px;color:var(--muted);max-width:520px;line-height:1.7}
.sec-divider{width:48px;height:3px;background:linear-gradient(90deg,var(--blue),var(--yellow));border-radius:2px;margin-bottom:20px}
.sec-head{margin-bottom:40px}
.sec-head-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;flex-wrap:wrap;gap:16px}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .container{padding:0 16px}
}

/* ── HOSTINGER SPECIFIC OVERRIDES ── */
/* Hostinger AI builder adds these wrappers */
.wp-site-blocks > .wp-block-group,
.wp-site-blocks,
[class*="wp-block"],
.entry-content > *:not([class*="home-"]):not([class*="topbar"]):not([class*="navbar"]):not(section):not(footer) {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Force our sections to be truly full width */
.home-hero { display: block !important; width: 100vw !important; position: relative !important; left: 0 !important; margin-left: 0 !important; }
.mq-wrap { width: 100% !important; overflow: hidden !important; }

/* Fix the page content wrapper that Hostinger adds */
.page-template-page-home .entry-content,
.page-template-page-home-php .entry-content {
	padding: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}