.elementor-29 .elementor-element.elementor-element-661bef9{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-29 .elementor-element.elementor-element-661bef9:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-661bef9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://boomtastic.gr/wp-content/uploads/2025/06/person-using-laptop-scaled.jpg");background-position:top center;background-size:cover;}.elementor-29 .elementor-element.elementor-element-661bef9::before, .elementor-29 .elementor-element.elementor-element-661bef9 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-661bef9 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-661bef9 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-661bef9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-661bef9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-05c65b9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-164f33e{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;}.elementor-29 .elementor-element.elementor-element-05caf54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-05c65b9{text-align:center;}.elementor-29 .elementor-element.elementor-element-05c65b9 .elementor-heading-title{font-size:35px;}.elementor-29 .elementor-element.elementor-element-164f33e{text-align:center;font-size:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-00d8ecd *//* -------------------------------------------------
   FLEX LAYOUT (same as before – you can keep it) 
--------------------------------------------------*/
.woocommerce-account .woocommerce{
  display:flex;
  flex-wrap:wrap;
  gap:30px;
}
.woocommerce-MyAccount-navigation{
  flex:0 0 320px;
  max-width:320px;
  background:#f8f8f8;
  padding:25px;
  border-radius:12px;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.woocommerce-MyAccount-content{
  flex:1 1 580px;
  background:#ffffff;
  padding:35px;
  border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
}

/* -------------------------------------------------
   1)  NAVIGATION LINKS  (neutral colours)
--------------------------------------------------*/
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;}
.woocommerce-MyAccount-navigation li{margin-bottom:12px;}
.woocommerce-MyAccount-navigation a{
  display:block;
  padding:12px 16px;
  border-radius:8px;
  border:1px solid #e0e0e0;
  background:#fff;
  color:#333;                               /* neutral text */
  font-weight:500;
  transition:.25s;
  text-decoration:none;
}
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a{
  background:#EB7D00;                       /* light grey hover */
  border-color:#EB7D00;
  color:#ffffff;
}

/* -------------------------------------------------
   2)  CONTENT-PANEL LINKS  (brand oranges)
--------------------------------------------------*/
.woocommerce-MyAccount-content a{
  color:#EB7D00;            /* normal link colour */
  text-decoration:none;
  transition:.25s;
}
.woocommerce-MyAccount-content a:hover{
  color:#FF5733;            /* hover colour */
}

/* -------------------------------------------------
   3)  BUTTONS INSIDE MY-ACCOUNT CONTENT
--------------------------------------------------*/
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content button{
  background:#EB7D00;
  color:#fff;
  border:none;
  border-radius:8px;
  padding:12px 24px;
  font-weight:600;
  transition:.25s;
}
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content button:hover{
  background:#FF5733;
  color:#fff;
}

/* Optional: overall typography tweaks */
.woocommerce h2{
  font-size:24px;
  font-weight:700;
  margin-bottom:20px;
  color:#222;
}
.woocommerce-MyAccount-content p{
  font-size:16px;
  line-height:1.6;
  color:#444;
}

/* ────────────────────────────────────────────────
   LOGIN / REGISTER  (guest view)
──────────────────────────────────────────────── */

/* Buttons:  "Σύνδεση",  "Εγγραφή"  */
.woocommerce-form .button,                 /* Woo default form buttons */
#customer_login .button {                  /* Elementor wrapper variations */
  background: #EB7D00;     /* normal */
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-weight: 600;
  transition: .25s;
}

.woocommerce-form .button:hover,
#customer_login .button:hover {
  background: #FF5733;     /* hover */
  color: #fff;
}

/* Text links inside the forms: "Ξέχασες τον κωδικό;" κ.λπ. */
#customer_login a,
.woocommerce-form a {
  color: #EB7D00;
  text-decoration: none;
  transition: .25s;
}

#customer_login a:hover,
.woocommerce-form a:hover {
  color: #FF5733;
}

/* Optional: input focus outline in brand color */
.woocommerce-form input:focus,
#customer_login input:focus {
  border-color: #EB7D00;
  box-shadow: 0 0 0 1px #EB7D00;
}/* End custom CSS */