/*
Theme Name: DJM
Theme URI: https://www.djmweb.co/
Author: Daniel
Author URI: https://www.djmweb.co/
Description: Doors theme
Version: 1.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: doors-theme
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

/* --- Base Reset & Typography --- */
html { box-sizing: border-box; font-size: 16px;}
*, *:before, *:after {box-sizing: inherit;}
body {margin: 0; font-family:'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.4; color: #222; background-color: #fff; padding: 0;}

/* --- Headings --- */
h1, h2, h3, h4, h5, h6 {font-weight: 700; line-height: 1.2; margin: 1.5rem 0 1rem;}
h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.1rem; }
h6 { font-size: 1rem; }

/* --- Layout & Sections --- */
main {margin: 0 auto; padding: 2rem 0;}

section {padding:45px 0;}


/* --- Links --- */
a {color: #0073aa; text-decoration: none;}
a:hover {text-decoration: underline;}

/* --- Articles --- */
article {margin-bottom: 2rem;}

/* --- Images --- */
img {max-width: 100%; height: auto; display: block;}

/* --- Buttons --- */
.button {display: inline-block; border-radius:100px; padding: 0.75rem 1.5rem; background: #222; color: #fff; text-decoration: none; margin-top: 1rem;}
.button:hover {background: #0073aa;}

/* -- Header --*/
header {padding:0;}
header #head-ribbon {background:black; color:white; padding:7px 0; text-align:Center;}
header #head-content {text-align:Center; padding:15px 0;}

/* --- Basic Menu Styles --- */
.main-menu {list-style:none; margin:0; padding:0; display: flex; gap: 25px; justify-content:center;}
.main-menu li {position:relative;}
.main-menu a {transition:all .2s; display:block; padding:2px 0; color:#222;text-decoration:none;   border-bottom: 1px solid transparent;}
.main-menu a:hover {border-bottom:1px solid #222;}

/* --- Dropdown --- */
.main-menu .sub-menu {display: none; position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.1); list-style: none; padding: 0.5rem 0; margin: 0; min-width: 180px; z-index: 1000;}
.main-menu .sub-menu li {width: 100%;}
.main-menu li:hover > .sub-menu {display: block;}


.full-width-section {display: flex; flex-wrap: wrap; width: 100%; min-height: 400px;}
.full-width-section .section-image,
.full-width-section .section-content {width: 50%;}
.full-width-section .section-image {background-size: cover; background-position: center; min-height: 400px;}
.full-width-section .section-image img {aspect-ratio:12/9; object-fit:cover; object-position:Center;}
.full-width-section .section-content {display: flex; flex-direction: column; justify-content: center; align-items:start; padding: 2rem;}
.full-width-section .section-content h2 {margin-top: 0; font-size: 2rem;}
.full-width-section .section-content p {margin: 1rem 0;}






/* --- Responsive --- */
@media (max-width: 768px) {
  .full-width-section .section-image,
  .full-width-section .section-content {
    width: 100%;
  }
}