/*
    Theme Name: Altos
    Theme URI: https://example.com/
    Author: Prismatic
    Author URI: https://example.com/
    Description: Minimal theme with Tailwind.
    Version: 0.0.04
    Requires at least: 6.0
    Tested up to: 6.6
    Requires PHP: 7.4
    Text Domain: altos
*/

/* Local font faces */
@font-face {
  font-family: 'VTCBayard-Rustin';
  src: url('assets/fonts/VTCBayard-Rustin.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TAYLana';
  src: url('assets/fonts/TAYLana.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Theme heading and fonts */
/* @font-face {
  font-family: 'TradeGothicNextLTPro-BdCm';
  src: url('assets/fonts/TradeGothicNextLTPro-BdCm.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TradeGothicNextLTPro-BdCm';
  src: url('assets/fonts/TradeGothicLTStd-Bold.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
} */
@font-face {
  font-family: 'TradeGothic-Content';
  src: url('assets/fonts/TradeGothicLTStd-Cn18.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TradeGothic-Heading';
  src: url('assets/fonts/TradeGothicLTStd-BdCn20.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TradeGothic-Menu';
  src: url('assets/fonts/TradeGothicNextLTPro-BdCm.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'VTCBayard-Rustin';
  src: url('assets/fonts/VTCBayard-Rustin.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
	scroll-behavior: smooth;
}

/* Utilities and overrides */
/* Prevent DaisyUI active translate on specific buttons */
.btn.no-translate,
.btn.no-translate:active,
.btn.no-translate:focus {
  translate: none !important;
}

/* Remove default bottom margin on wp-block-columns */
.wp-block-columns {
	margin-bottom: 0 !important;
}

/* Utility: Funky heading font (same as heading-bracket) */
.font-funky {
	font-family: 'TAYLana', serif;
}

/* Utility: Heading Trade Gothic */
.font-heading {
	font-family: 'TradeGothic-Heading', sans-serif;
}

/* Utility: Menu Trade Gothic */
.font-menu {
	font-family: 'TradeGothic-Menu', sans-serif;
}
.font-content {
	font-family: 'TradeGothic-Content', sans-serif;
}

/* Breadcrumbs: use a centered dot separator instead of chevron */
.breadcrumbs ul li + li::before,
.breadcrumbs ol li + li::before,
.breadcrumbs menu li + li::before {
    content: '';
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    margin-left: 1.1rem;
    margin-right: 1rem;
    border-radius: 9999px;
    background-color: currentColor;
    transform: none;
    border: none;
    opacity: 1;
    vertical-align: middle;
}

/* Medium breakpoint: reduce breadcrumb separator horizontal margins */
@media (max-width: 768px) {
  .breadcrumbs ul li + li::before,
  .breadcrumbs ol li + li::before,
  .breadcrumbs menu li + li::before {
    margin-left: 0.7rem;
    margin-right: 0.6rem;
  }
}

/* Utility: 4:3 aspect ratio */
.aspect-4-3 {
	aspect-ratio: 4 / 3;
}

/* Normalize browser autofill highlight to white for inputs */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
select:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
	box-shadow: 0 0 0px 1000px #fff inset !important;
	-webkit-text-fill-color: inherit;
	caret-color: inherit;
	transition: background-color 5000s ease-in-out 0s;
}

/* Firefox */
input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill {
	box-shadow: 0 0 0px 1000px #fff inset !important;
	-webkit-text-fill-color: inherit;
	caret-color: inherit;
}

/* Removed share-bar custom CSS in favor of Tailwind utility classes in helper output */

/* Instagram: dark variant override */
.share-bar .share-bar__icon--ig i {
  color: #111; /* dark icon for Instagram only */
}