/*
Theme Name: Driftori Child
Template: generatepress
Version: 1.1
*/

/* ===== Driftori dark theme — baked directly into the child theme so it
   can never be orphaned by a theme switch again (previously lived in
   WordPress's per-theme "Additional CSS", which broke when we activated
   this child theme). ===== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --dr-ground:#16151a;
  --dr-panel:#1e1d24;
  --dr-ink:#ede9e0;
  --dr-rust:#b9633b;
  --dr-sage:#7c8a79;
  --dr-line:#2e2c35;
  --dr-muted:#a29eaa;
  --dr-dim:#6d6a75;
}

html, body, .site, .site-content, #page {
  background-color: var(--dr-ground) !important;
  color: var(--dr-ink) !important;
}

body, p, li, span, label, input, textarea, select {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
}

h1, h2, h3, h4, h5, h6,
.site-title, .entry-title, .page-title,
.woocommerce-loop-product__title, .product_title {
  font-family: Georgia, 'Times New Roman', serif !important;
  letter-spacing: -0.01em;
  color: var(--dr-ink) !important;
}

.site-header, .inside-header, .top-bar, .main-navigation {
  background-color: var(--dr-ground) !important;
  border-bottom: 2px solid var(--dr-line) !important;
}
.main-navigation .main-nav ul li a,
.menu-item a {
  color: var(--dr-ink) !important;
  font-family: 'IBM Plex Mono', monospace !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 12px !important;
}
.main-navigation .main-nav ul li a:hover {
  color: var(--dr-rust) !important;
}

a { color: var(--dr-rust); }
a:hover { color: #d0794d; }

.button, .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce-Button, .single_add_to_cart_button,
.add_to_cart_button, .checkout-button {
  background-color: var(--dr-rust) !important;
  border-color: var(--dr-rust) !important;
  color: var(--dr-ground) !important;
  border-radius: 2px !important;
  font-family: 'IBM Plex Mono', monospace !important;
  letter-spacing: 0.04em;
}
.button:hover, .wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.single_add_to_cart_button:hover, .add_to_cart_button:hover {
  background-color: #d0794d !important;
  border-color: #d0794d !important;
}

.woocommerce ul.products li.product,
.widget, .comment-respond, .site-footer .footer-widgets {
  background-color: var(--dr-panel) !important;
  border: 1px solid var(--dr-line) !important;
  color: var(--dr-ink) !important;
}

.woocommerce ul.products li.product .price {
  color: var(--dr-rust) !important;
  font-family: 'IBM Plex Mono', monospace !important;
}

input[type=text], input[type=email], input[type=tel],
input[type=number], input[type=search], input[type=password],
textarea, select,
.woocommerce table.shop_table {
  background-color: var(--dr-panel) !important;
  border: 1px solid var(--dr-line) !important;
  color: var(--dr-ink) !important;
}

.woocommerce table.shop_table th {
  color: var(--dr-sage) !important;
  border-bottom: 1px solid var(--dr-line) !important;
}
.woocommerce table.shop_table td {
  border-top: 1px solid var(--dr-line) !important;
}

.site-footer, .site-info {
  background-color: var(--dr-ground) !important;
  color: var(--dr-dim) !important;
  border-top: 2px solid var(--dr-line) !important;
}

.woocommerce-message, .woocommerce-info {
  background-color: var(--dr-panel) !important;
  border-top-color: var(--dr-rust) !important;
  color: var(--dr-ink) !important;
}

/* Header: cap the custom logo size and force nav onto one line —
   the uploaded logo was rendering too large, squeezing the nav into
   a narrow column that wrapped onto multiple rows. */
.site-logo img, .custom-logo-link img {
  max-height: 48px !important;
  width: auto !important;
}
.main-navigation .main-nav > ul,
.main-navigation .main-nav ul.menu,
.main-navigation .menu > ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}
.main-navigation .main-nav ul li a {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Homepage layout — ensure our sections take full width inside GeneratePress's
   content grid instead of splitting into columns as bare direct children */
#primary.driftori-homepage { width: 100%; max-width: 100%; }
#primary.driftori-homepage #main { display: block; }