/*
Theme Name: t21polar
Theme URI:  https://example.com/t21polar
Author: ADM Panama
Author URI: https://example.com
Description: Minimalist white-black WordPress theme optimized for Elementor. Inspired by wearemucho.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: t21polar
Tags: one-column, flexible-header, custom-logo, custom-menu, blog, portfolio, responsive, accessibility-ready
*/

/* Basic theme styles for t21polar */
:root{
  --bg: #ffffff;
  --fg: #000000;
  --accent: #000000;
  --max-width: 1200px;
}
html,body{
  height:100%;
  margin:0;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:var(--bg);
  color:var(--fg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.site {
  display:flex;
  min-height:100vh;
  flex-direction:column;
}
.site-header{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:24px;
  box-sizing:border-box;
}
.site-branding .site-title{
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:18px;
}
.site-nav{
  display:flex;
  gap:18px;
}
.site-nav a{
  text-decoration:none;
  color:var(--fg);
  font-weight:600;
}
.site-content{
  flex:1;
  width:100%;
  max-width:var(--max-width);
  margin:0 auto;
  padding:48px 24px;
  box-sizing:border-box;
}
.site-footer{
  padding:28px 24px;
  text-align:center;
  font-size:14px;
  border-top:1px solid rgba(0,0,0,0.06);
}
/* Simple responsive */
@media (max-width:800px){
  .site-header{
    padding:18px;
  }
  .site-content{
    padding:28px 16px;
  }
}
/* Hero helpers for Elementor canvas */
.t21-hero {
  position:relative;
  width:100%;
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.t21-hero .overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25));
  pointer-events:none;
}
.t21-hero .container {
  position:relative;
  z-index:2;
  text-align:center;
  color:var(--bg);
  max-width:900px;
  padding:24px;
}
.t21-hero .headline{
  font-size:38px;
  font-weight:700;
  color:var(--bg);
  margin:0 0 12px;
}
.t21-hero .sub{
  font-size:18px;
  color:rgba(255,255,255,0.9);
  margin:0;
}