/* ==========================================
 Rahmani's Gordijn-Kledingatelier
 Eigen Design CSS - Clean Light Theme
 Brand color: #6b2d3e (burgundy/dark red)
 ========================================== */

/* === BASE === */
* { box-sizing: border-box; }
body {
 background-color: #f7f4f1;
 color: #333333;
 font-family: Georgia, 'Times New Roman', serif;
 font-size: 16px;
 line-height: 1.7;
 margin: 0;
 padding: 0;
}

/* === CONTAINER === */
#container {
 max-width: 960px;
 margin: 0 auto;
 background: #ffffff;
 padding: 0;
 box-shadow: 0 0 30px rgba(0,0,0,0.06);
}

/* === HEADER === */
#header {
 text-align: center;
 padding: 40px 40px 25px;
 border-bottom: 1px solid #e8e0d8;
}
#header h1 {
 font-family: Georgia, 'Times New Roman', serif;
 font-size: 1.9em;
 font-weight: normal;
 color: #6b2d3e;
 letter-spacing: 0.04em;
 margin: 0;
}

/* === NAVIGATION === */
#navigation {
 text-align: center;
 padding: 12px 20px;
 border-bottom: 2px solid #e8e0d8;
 background: #fdfbf9;
}
#mainNav1 {
 list-style: none;
 margin: 0;
 padding: 0;
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 gap: 4px;
}
#mainNav1 li {
 display: inline-block;
 margin: 0;
}
#mainNav1 li a {
 display: inline-block;
 padding: 7px 18px;
 color: #555555;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.78em;
 letter-spacing: 0.13em;
 text-transform: uppercase;
 border-radius: 2px;
 transition: all 0.2s;
}
#mainNav1 li a:hover,
#mainNav1 li.active a,
#mainNav1 li.current a {
 background-color: #6b2d3e;
 color: #ffffff !important;
}

/* === SIDEBAR === */
#sidebar { display: none; }

/* === CONTENT === */
#content {
 padding: 30px 60px 50px;
 min-height: 350px;
}

/* === HEADINGS === */
h1, h2, h3, h4, h5, h6 {
 color: #6b2d3e;
 font-family: Georgia, 'Times New Roman', serif;
 font-weight: normal;
 line-height: 1.3;
}
h1 { font-size: 2.0em; margin: 0 0 0.5em; }
h2 { font-size: 1.6em; margin: 1.4em 0 0.5em; }
h3 { font-size: 1.15em; margin: 1.2em 0 0.3em; font-weight: bold; }

/* === LINKS === */
a:link, a:visited { color: #6b2d3e; text-decoration: none; }
a:hover { color: #4b1d2e; text-decoration: underline; }

/* === PARAGRAPHS & TEXT === */
p { margin: 0 0 0.9em; line-height: 1.8; }
ul, ol { padding-left: 1.4em; margin-bottom: 1em; }
li { margin-bottom: 0.4em; line-height: 1.7; }

/* === BUTTONS & FORMS === */
input[type="text"],
input[type="email"],
textarea {
 border: 1px solid #d0c8c0;
 padding: 9px 13px;
 border-radius: 3px;
 font-size: 1em;
 font-family: Georgia, serif;
 width: 100%;
 background: #fdfbf9;
 margin-bottom: 4px;
}
input[type="submit"],
button[type="submit"],
.j-btn {
 background-color: #6b2d3e !important;
 color: #ffffff !important;
 border: none !important;
 padding: 10px 28px;
 font-size: 0.85em;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 cursor: pointer;
 border-radius: 3px;
 font-family: Arial, Helvetica, sans-serif;
}
input[type="submit"]:hover { background-color: #4b1d2e !important; }

/* === J-TEXT content blocks === */
.j-text h2 {
 font-size: 1.5em;
 color: #6b2d3e;
 font-weight: normal;
 margin-top: 1.4em;
 margin-bottom: 0.4em;
}
.j-text h3 {
 font-size: 1.1em;
 color: #6b2d3e;
 font-weight: bold;
 margin-top: 1.1em;
 margin-bottom: 0.3em;
}
.j-text p { line-height: 1.8; margin-bottom: 0.8em; }
.j-text ul { padding-left: 1.4em; margin-bottom: 0.8em; }
.j-text li { margin-bottom: 0.4em; }

/* === IMAGE BLOCKS === */
.j-image img {
 max-width: 100%;
 height: auto;
 display: block;
 border-radius: 2px;
}

/* === FOOTER === */
#footer {
 border-top: 2px solid #e8e0d8;
 padding: 20px 40px;
 text-align: center;
 color: #999999;
 font-size: 0.78em;
 font-family: Arial, Helvetica, sans-serif;
 background: #fdfbf9;
}
#footer a { color: #aaaaaa; }
#footer a:hover { color: #6b2d3e; }

/* === PAGE TITLE === */
.j-header h1 {
 font-size: 2.2em;
 color: #6b2d3e;
 font-weight: normal;
 text-align: center;
 padding: 20px 0 10px;
 border-bottom: 1px solid #e8e0d8;
 margin-bottom: 25px;
 letter-spacing: 0.02em;
}

/* === SERVICE CARDS === */
.service-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 20px;
 margin: 20px 0 30px;
}
.service-card {
 border: 1px solid #e8e0d8;
 border-radius: 4px;
 padding: 22px 24px;
 background: #fdfbf9;
}
.service-card h3 {
 color: #6b2d3e;
 font-size: 1.05em;
 font-weight: bold;
 margin: 0 0 0.5em;
 font-family: Georgia, 'Times New Roman', serif;
}
.service-card p {
 color: #555555;
 font-size: 0.92em;
 line-height: 1.7;
 margin: 0;
}

/* === PILLARS SECTION === */
.pillars-section {
 margin: 30px 0;
 padding: 28px 0 10px;
 border-top: 1px solid #e8e0d8;
}
.pillars-section h2 {
 text-align: center;
 color: #6b2d3e;
 font-size: 1.4em;
 margin-bottom: 20px;
}
.pillars-grid {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 gap: 20px;
}
.pillar {
 text-align: center;
 padding: 16px 12px;
}
.pillar h3 {
 color: #6b2d3e;
 font-size: 1.0em;
 font-weight: bold;
 margin-bottom: 0.4em;
}
.pillar p {
 color: #555555;
 font-size: 0.88em;
 line-height: 1.7;
}