/*
Theme Name: DeeGeeR
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/









#topcontrol {
    display: none !important;
}



#sticky-cos-wrapper {
    position: fixed !important;
    top: 50% !important;
    left: 0 !important;
    z-index: 99999 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    transform: translate(-100%, -50%) !important;
    transition: all 0.5s ease-in-out !important;
    pointer-events: none !important;
}

/* Când e vizibil */
#sticky-cos-wrapper.visible {
    opacity: 1 !important;
    transform: translate(0, -50%) !important;
    pointer-events: auto !important;
}

















body.page-id-10 .form-row label
 {
    display: block;
    color: white;
}




/* Aliniere și stil pentru checkbox */
.porto-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

/* Dimensiune mai mică pentru checkbox */
.porto-checkbox input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: #1f9b00 !important; /* Verde custom - merge și cu alte culori */
  cursor: pointer !important;
  margin: 0 !important;
}

/* Eticheta „Ține-mă minte” */
.porto-checkbox label {
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  margin: 0 !important;
}

/* Elimină spațiul inutil de la <br> dacă e injectat */
.porto-checkbox br {
  display: none !important;
}


.porto-checkbox .porto-control-label:after, .porto-checkbox .porto-control-label:before, .porto-radio .porto-control-label:after, .porto-radio .porto-control-label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: -10px;
}


.woocommerce-privacy-policy-text {
	color: white !important;
}





.woocommerce-account .account-sub-title, .woocommerce-checkout .account-sub-title, .woocommerce-thankyou .account-sub-title {
    color: #e31e24;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.01em;
}




input#reg_email + p {
  color: #fff !important;
}





.woocommerce-form woocommerce-form-register register pl-lg-4 pe-0 p {
	color: white !important;
}




.woocommerce-form-register > p:not([class]):not(:has(input)) {
  color: #fff !important;
}



/* Toate input-urile din login + register WooCommerce */
#customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"] {
  height: 48px !important;
  padding: 10px 16px !important;
  font-size: 15px !important;
/*   border-radius: 10px !important; */
  border: 1px solid #ccc !important;
  background-color: #fff !important;
  color: #000 !important;
  box-sizing: border-box !important;
  line-height: 1.4 !important;
  transition: border 0.3s ease !important;
}

/* On focus */
#customer_login input[type="text"]:focus,
#customer_login input[type="email"]:focus,
#customer_login input[type="password"]:focus {
  border-color: #a40000 !important;
  outline: none !important;
}




.woocommerce-error li {
    padding: 5px 0;
    color: white;
}










/* Stil general pentru ambele butoane */
#customer_login .woocommerce-Button {
  background-color: #e31e24 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  padding: 14px !important;
/*   border-radius: 10px !important; */
  border: none !important;
  width: 100% !important;
  transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

/* Hover effect */
#customer_login .woocommerce-Button:hover {
  background-color: #c4181d !important;
  box-shadow: 0 0 12px rgba(227, 30, 36, 0.4) !important;
  cursor: pointer !important;
}







/* Stil pentru formularul de login (chenar) */
#customer_login .u-column1 {
  background-color: #1a1a1a !important; /* Fundal chenar - poți schimba cu #1a1a1a pt dark */
/*   border-radius: 16px !important; */
  padding: 62px 30px;
  position: relative !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  border-top: 2px solid #e31e24 !important;
  overflow: hidden;
}

/* Adăugăm un accent creativ opțional - bandă roșie laterală animată (opțională) */
/* Dezactiveaz-o dacă vrei un stil mai simplu */
#customer_login .u-column1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: #e31e24;
}




/* ============================================================DROPDOWN DGR=====================================*/

/* DROP DOWN ============================*/

 .custom-dropdown {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

.custom-dropdown.active {
  opacity: 1;
} 

/* BLUR OVERLAY ================== */

#dropdown-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

#dropdown-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* ============================================================DROPDOWN DGR=====================================*/