/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme (unified palette + typography for inimialeiubirii.ro)
 Author:         WebDrop.UK
 Author URI:     https://webdrop.uk
 Template:       Divi
 Version:        2.1.6
*/


/* =========================================================
   Design system
   ========================================================= */

:root{
  --paper: #FCFAF8;
  --white: #FFFFFF;

  --ink: #1F1F1F;
  --muted: #666666;

  --crimson: #A11F2B;
  --crimson-dark: #7E1721;
  --blush: #E7B6BD;

  --line: rgba(31,31,31,0.14);
  --shadow: 0 10px 25px rgba(0,0,0,0.08);
  --shadow-soft: 0 6px 18px rgba(0,0,0,0.10);

  --font-body: "Inter","Segoe UI",Roboto,Arial,sans-serif;
  --font-head: "Playfair Display","Georgia",serif;
  --font-quote: Georgia,serif;
}

/* =========================================================
   Base typography
   ========================================================= */

html{ scroll-behavior: smooth; }

body{
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.65;
}

p{ line-height: 1.75; }

h1,h2,h3,h4,h5,h6{
  font-family: var(--font-head);
  color: var(--ink);
  line-height: 1.25;
}

/* Keep reading width humane inside text modules */
.et_pb_text{ max-width: 760px; }

/* Links */
a{
  color: var(--crimson);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
a:hover{ color: var(--crimson-dark); }
a:focus-visible{
  outline: 3px solid rgba(161,31,43,0.28);
  outline-offset: 3px;
}

/* =========================================================
   Header and navigation (high specificity to beat Divi inline CSS)
   ========================================================= */

html body #page-container #main-header,
html body.et_fixed_nav #page-container #main-header,
html body.et_fixed_nav #page-container #main-header.et-fixed-header{
  background: #292929 !important;
  box-shadow: 0 2px 18px rgba(0,0,0,0.12);
}

html body #page-container #top-menu a{
  color: #F7F5F3 !important;
  font-weight: 700;
  text-decoration: none;
}
html body #page-container #top-menu a:hover{
  color: rgba(247,245,243,0.78) !important;
}

html body #page-container #et_search_icon:before{
  color: #F7F5F3 !important;
}

html body #page-container .nav li ul{
  background: #2A2A2A !important;
}

html body #page-container .et-search-form{
  background-color: #2A2A2A !important;
}
html body #page-container .et-search-form input{
  background-color: var(--white);
  color: var(--ink);
}

/* Active menu item */
html body #page-container .current-menu-item > a,
html body #page-container .current_page_item > a{
  color: var(--blush) !important;
}

/* Main content baseline accent */
html body #page-container #main-content{
  border-color: var(--line) !important;
  border-bottom: 2px solid var(--crimson) !important;
}

/* =========================================================
   Footer
   ========================================================= */

#main-footer{
  background-color: #2A2A2A !important;
  color: #F7F5F3;
}

#footer-bottom{
  background-color: #111111;
  color: #D9D4D1;
}

#footer-widgets{ padding-top: 50px; }

#main-footer .footer-widget h4{ color: #F7F5F3 !important; }

#main-footer h4.title{
  border-bottom: 2px solid rgba(247,245,243,0.18);
  margin-bottom: 20px;
  border-radius: 2px;
}

#footer-info{ float: right; }
#footer-info2{ float: left; }

#footer-info,
#footer-info a{
  color: #D9D4D1;
  text-decoration: none;
}
#footer-info a:hover{
  color: var(--blush);
  text-decoration: underline;
  text-underline-offset: 2px;
}

#et-footer-nav a{
  color: rgba(247,245,243,0.78);
  text-decoration: none;
}
#et-footer-nav a:hover{
  color: #F7F5F3;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Widgets (footer widgets are usually on dark) */
.et_pb_widget a{
  color: rgba(247,245,243,0.80);
  text-decoration: none;
}
.et_pb_widget a:hover{
  color: #F7F5F3;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.et-social-icon a{ color: #F7F5F3; }

/* =========================================================
   Blockquotes
   ========================================================= */

blockquote{
  display: block;
  background: var(--paper);
  padding: 18px 22px 18px 46px;
  margin: 0 0 22px;
  position: relative;

  font-family: var(--font-quote);
  font-size: 18px;
  line-height: 1.75;
  color: var(--muted);
  text-align: left;

  border-left: 6px solid var(--crimson) !important;
  border-right: 1px solid var(--line) !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;

  box-shadow: var(--shadow);
  border-radius: 6px;
}

blockquote::before{
  content: '"';
  font-family: var(--font-quote);
  font-size: 48px;
  font-weight: 700;
  color: rgba(161,31,43,0.28);
  position: absolute;
  left: 14px;
  top: 6px;
  line-height: 1;
}

blockquote a{
  background: transparent;
  padding: 0;
  color: var(--crimson);
  text-decoration: underline;
  text-underline-offset: 2px;
}
blockquote a:hover{ color: var(--crimson-dark); }

/* =========================================================
   Buttons
   ========================================================= */

.et_pb_button,
.et_pb_more_button,
.et_pb_bg_layout_light .et_pb_more_button,
a.small-button,
a.big-button,
a.icon-button,
.et_pb_contact_submit,
input[type="submit"],
button[type="submit"]{
  background: var(--crimson) !important;
  border: none !important;
  color: #F7F5F3 !important;
  text-decoration: none !important;
  border-radius: 10px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.10);
  transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.et_pb_button:hover,
.et_pb_more_button:hover,
.et_pb_bg_layout_light .et_pb_more_button:hover,
a.small-button:hover,
a.big-button:hover,
a.icon-button:hover,
.et_pb_contact_submit:hover,
input[type="submit"]:hover,
button[type="submit"]:hover{
  background: var(--crimson-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0,0,0,0.14);
  cursor: pointer;
}

/* =========================================================
   Images (calm)
   ========================================================= */

.et_overlay{ display: none; }

.et_portfolio_image,
.et_shop_image,
img{
  border: none;
  box-shadow: var(--shadow-soft);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  border-radius: 10px;
}

.et_portfolio_image:hover,
.et_shop_image:hover,
img:hover{
  transform: scale(1.02);
  box-shadow: 0 12px 24px rgba(0,0,0,0.14);
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
  .et_portfolio_image,
  .et_shop_image,
  img,
  .et_pb_button,
  .et_pb_more_button,
  a.small-button,
  a.big-button,
  a.icon-button,
  input[type="submit"],
  button[type="submit"]{
    transition: none !important;
  }
  .et_portfolio_image:hover,
  .et_shop_image:hover,
  img:hover,
  .et_pb_button:hover,
  .et_pb_more_button:hover,
  a.small-button:hover,
  a.big-button:hover,
  a.icon-button:hover{
    transform: none !important;
  }
}

/* =========================================================
   Contact Form 7 (minimal changes, no loud colours)
   ========================================================= */

#contact{ list-style: none; margin: 0; }

#contact li{
  float: left;
  height: 60px;
  margin: 0 0 20px 50px;
  position: relative;
  width: 540px;
  list-style: none;
}

#contact li .text{
  background: rgba(31,31,31,0.04);
  padding: 15px 10px 10px 0;
  position: absolute;
  z-index: 100;
  min-width: 141px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  text-indent: 5px;
  color: var(--ink);
}

#contact li .required{
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
}

#contact li .wpcf7-form-control-wrap{ position: absolute; }

#contact li .wpcf7-form-control-wrap input,
#contact li .wpcf7-form-control-wrap textarea{
  background: var(--white);
  border: solid 2px rgba(31,31,31,0.10);
  border-radius: 10px;
  padding: 15px 12px 18px;
  width: 509px;
  text-indent: 142px;
  z-index: 100;
  margin: 0;
  color: var(--ink);
  box-shadow: 0 6px 14px rgba(0,0,0,0.06);
}

#contact li .wpcf7-form-control-wrap input:focus,
#contact li .wpcf7-form-control-wrap textarea:focus{
  background: var(--white);
  outline: 3px solid rgba(161,31,43,0.25);
  outline-offset: 2px;
}

#contact li .wpcf7-form-control-wrap textarea{
  line-height: 1.6;
  padding: 12px;
  height: 200px;
  text-indent: 0;
}

#contact li#message{ min-height: 220px; }

div.wpcf7-validation-errors{ clear: left; }

/* =========================================================
   TEMP CLEANUP (optional)
   If you still see old red and blue blocks, uncomment this section
   while you remove backgrounds inside Divi Builder sections/modules.
   Then comment it out again.
   ========================================================= */

.et_pb_section,
.et_pb_row,
.et_pb_column,
.et_pb_fullwidth_header,
.et_pb_fullwidth_header .et_pb_fullwidth_header_container,
.et_pb_fullwidth_header .header-content,
.et_pb_fullwidth_header .header-content-container,
.et_pb_section.et_pb_with_background{
  background-color: var(--paper) !important;
  background-image: none !important;
}
/* Final archive width and shared footer baseline - 2026-08-08 */
body.page-id-1011 #left-area{width:100%!important;float:none!important;padding:0!important}
body.page-id-1011 #main-content>.container:before,body.page-id-1011 #sidebar{display:none!important}
.iai-footer{border-bottom:4px solid var(--crimson,#A11F2B)!important}


/* Final pre-production accessibility repair. Hidden until keyboard focus. */
.iai-skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 1000001;
  transform: translateY(-160%);
  padding: 10px 14px;
  border-radius: 6px;
  background: #fff;
  color: var(--crimson, #A11F2B);
  font-weight: 700;
}
.iai-skip-link:focus { transform: translateY(0); }

/* Restore containment for legacy floated Divi rows without changing layout. */
.et_pb_row::after {
  content: "";
  display: table;
  clear: both;
}

/* Preserve visible navigation text while giving links a real focus box. */
.iai-nav, .iai-nav a { line-height: 1.2; }

/* Author box moved from the legacy plugin into the child theme. */
#authorbox {background:#F7F7F7; margin:20px 0 0; padding:10px 0; border:1px solid #E6E6E6; overflow:hidden; width:100%;}
#authorbox h4 {margin:0 0 4px 90px; padding:0;}
#authorbox p {margin:0 0 0 90px; padding:0;}
#authorbox img {background:#FFF; float:left; margin:0 10px; padding:3px; border:1px solid #CCC;}
#authorbox ul {overflow:hidden; margin:0 0 0 90px; padding:0;}
#authorbox ul li {list-style-type:none; float:left; margin:8px 6px 0 0; padding:0 0 0 6px; line-height:120%; border-left:1px solid #CCC;}
#authorbox ul li.first {border:none; padding:0;}