/*
Theme Name: Trexos Industrial
Theme URI: https://trexos.ee
Author: Pilvepank OÜ
Author URI: https://pilvepank.ee
Description: Modern, heavy-duty industrial WordPress theme for hydraulics, earthworks and heavy machinery. Built with Tailwind CSS (compiled), ACF integration, and prefilled default content.
Version: 1.0.0
Text Domain: trexos
*/

/*
 * Tailwind utilities are loaded from assets/css/trexos.css (compiled).
 * This file contains only custom, non-Tailwind rules.
 */

:root {
  --color-surface-deep:               #0D0D0D;
  --color-surface-elevated:           #171717;
  --color-surface:                    #131313;
  --color-surface-container:          #201f1f;
  --color-surface-container-highest:  #353534;
  --color-surface-container-lowest:   #0e0e0e;
  --color-warning-caution:            #F0B21A;
  --color-border-industrial:          #333333;
  --color-on-surface:                 #e5e2e1;
  --color-on-surface-variant:         #d4c4ad;
  --color-text-muted:                 #BEBEBE;
}

/* Grain texture overlay */
.industrial-grain {
  background-image: url('https://www.transparenttextures.com/patterns/dark-matter.png');
  opacity: 0.05;
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 100;
}

/* Industrial clip-path shape used on cards, buttons, images */
.clipped-corner {
  clip-path: polygon(0% 0%, 90% 0%, 100% 20%, 100% 100%, 10% 100%, 0% 80%);
}

/* Ensure inputs never render white browser default backgrounds */
input, select, textarea {
  background-color: transparent !important;
  color: #e5e2e1 !important;
  border-style: none !important;
  border-radius: 0 !important;
  outline: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #e5e2e1 !important;
  -webkit-box-shadow: 0 0 0px 1000px #171717 inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}