/*
Theme Name: Noir AI
Theme URI: https://example.com/
Author: Chris + ChatGPT
Description: Minimal black & white block theme with a subtle tech feel for AI agencies.
Version: 1.1.0
Requires at least: 6.2
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: noir-ai
*/

/* Header/Footer background images (replace these files in /assets/) */
.noir-header,
.noir-footer{
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.noir-header{
  background-image: url("./assets/header-bg.jpg");
}

.noir-footer{
  background-image: url("./assets/footer-bg.jpg");
}

/* Soft overlay for readability */
.noir-header::before,
.noir-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(11,13,16,0.80) 0%, rgba(11,13,16,0.55) 55%, rgba(11,13,16,0.88) 100%);
  pointer-events:none;
}

.noir-header > * ,
.noir-footer > *{
  position: relative;
  z-index: 1;
}

/* Site-wide link hover: red box (exclude button links) */
a:not(.wp-block-button__link):not(.wp-block-navigation__responsive-container-close):not(.wp-block-navigation__responsive-container-open){
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

a:not(.wp-block-button__link):hover,
a:not(.wp-block-button__link):focus-visible{
  background: #ff1a1a;
  color: #0B0D10;
  box-shadow: 0 0 0 0.18em #ff1a1a;
  border-radius: 0.22em;
  outline: none;
}

/* Make nav links feel consistent */
.wp-block-navigation a:hover,
.wp-block-navigation a:focus-visible{
  background: #ff1a1a;
  color: #0B0D10 !important;
  box-shadow: 0 0 0 0.18em #ff1a1a;
  border-radius: 0.22em;
  outline: none;
}

/* Optional: subtle hairline borders for cards/sections */
.noir-card{
  border: 1px solid rgba(245,247,250,0.14);
  border-radius: 16px;
}