/*
Theme Name: Triptalk
Theme URI: https://triptalk.in
Author: Triptalk
Author URI: https://triptalk.in
Description: A sophisticated travel editorial WordPress theme with custom post types, ACF Pro integration, destinations, guides, stories, and newsletter subscriber management.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: Proprietary
License URI: https://triptalk.in/license
Text Domain: triptalk
Tags: travel, editorial, magazine, custom-post-types, acf
*/

/* ============================================================
   TRIPTALK THEME — MAIN STYLESHEET
   All component styles are enqueued via functions.php
   This file contains base/reset styles only.
   ============================================================ */

:root {
    --cream:        #f7f4ef;
    --dark:         #1a1a14;
    --forest:       #2d4a35;
    --forest-deep:  #1b3022;
    --orange:       #d94f20;
    --orange-warm:  #e8612a;
    --orange-btn:   #c94519;
    --tan:          #e8e0d4;
    --muted:        #6b6b5e;
    --border:       rgba(26,26,20,0.12);
    --white:        #ffffff;
    --max-width:    1280px;
    --gutter:       32px;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
    font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
    background: var(--cream);
    color: var(--dark);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
img, video { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
button, input, select, textarea { font-family: inherit; }
ul, ol { list-style: none; }

/* Container */
.triptalk-container {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--gutter);
    width: 100%;
}

/* Screen reader text */
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Alignment */
.alignwide  { max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull  { max-width: 100%; }
.aligncenter { text-align: center; }

/* WordPress core fixes */
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.8rem; color: var(--muted); text-align: center; margin-top: 8px; font-style: italic; }