/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* =========================================================
   GOLEŠ - Elementor mobile-only menu buttons

   IDs:
   #mobile-contact-button  = Prodavnica/Web shop
   #mobile-login-button    = Prijava
   #mobile-partner-button  = Postanite partner
   #mobile-english-button  = ENG / English
   ========================================================= */


/* Sakrij mobile-only gumbe na desktopu i tabletu */
@media (min-width: 768px) {
  #mobile-contact-button,
  #mobile-login-button,
  #mobile-partner-button,
  #mobile-english-button {
    display: none !important;
  }
}


/* Prikaži i stiliziraj mobile-only gumbe samo na mobitelu */
@media (max-width: 767px) {
  #mobile-contact-button,
  #mobile-login-button,
  #mobile-partner-button,
  #mobile-english-button {
    display: block !important;
    width: 100%;
    margin-top: 0px;
  }

  #mobile-contact-button .e-n-menu-title-container,
  #mobile-login-button .e-n-menu-title-container,
  #mobile-partner-button .e-n-menu-title-container,
  #mobile-english-button .e-n-menu-title-container {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: 200px !important;
    min-height: 38px;
    padding: 8px 18px !important;
    border-radius: 999px;

    background: #BC1823;
    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;

    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
  }

  #mobile-contact-button .e-n-menu-title-container:hover,
  #mobile-contact-button .e-n-menu-title-container:focus,
  #mobile-login-button .e-n-menu-title-container:hover,
  #mobile-login-button .e-n-menu-title-container:focus,
  #mobile-partner-button .e-n-menu-title-container:hover,
  #mobile-partner-button .e-n-menu-title-container:focus,
  #mobile-english-button .e-n-menu-title-container:hover,
  #mobile-english-button .e-n-menu-title-container:focus {
    background: #C39A6B;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(188, 24, 35, 0.18);
  }

  #mobile-contact-button .e-n-menu-title-container:active,
  #mobile-login-button .e-n-menu-title-container:active,
  #mobile-partner-button .e-n-menu-title-container:active,
  #mobile-english-button .e-n-menu-title-container:active {
    transform: translateY(1px);
  }

  #mobile-contact-button .e-n-menu-title-text,
  #mobile-login-button .e-n-menu-title-text,
  #mobile-partner-button .e-n-menu-title-text,
  #mobile-english-button .e-n-menu-title-text {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
  }

  /* Ikona kod Prodavnica/Web shop */
  #mobile-contact-button .e-n-menu-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    line-height: 0;
  }

  #mobile-contact-button .e-n-menu-icon svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
  }

  #mobile-contact-button .icon-active,
  #mobile-contact-button .icon-inactive {
    color: #ffffff !important;
  }

  /* ENG / English kao jednostavan tekstualni link ispod gumba */
  #mobile-english-button {
    padding-bottom: 15px;
  }

  #mobile-english-button .e-n-menu-title-container {
    justify-content: flex-start;
    width: 200px !important;
    min-height: auto;
    padding: 8px 0 15px 0 !important;

    background: transparent;
    color: #ffffff !important;
    border-radius: 0;
    box-shadow: none;
  }

  #mobile-english-button .e-n-menu-title-container:hover,
  #mobile-english-button .e-n-menu-title-container:focus {
    background: transparent;
    color: #C39A6B !important;
    box-shadow: none;
  }

  #mobile-english-button .e-n-menu-title-text {
    color: inherit !important;
  }
}


/* Manji mobiteli */
@media (max-width: 575.98px) {
  #mobile-contact-button,
  #mobile-login-button,
  #mobile-partner-button,
  #mobile-english-button {
    margin-top: 0px;
  }

  #mobile-contact-button .e-n-menu-title-container,
  #mobile-login-button .e-n-menu-title-container,
  #mobile-partner-button .e-n-menu-title-container {
    width: 200px !important;
    min-height: 38px;
    padding: 8px 16px !important;
  }

  #mobile-english-button .e-n-menu-title-container {
    width: 200px !important;
    padding: 8px 0 15px 0 !important;
  }

  #mobile-contact-button .e-n-menu-title-text,
  #mobile-login-button .e-n-menu-title-text,
  #mobile-partner-button .e-n-menu-title-text,
  #mobile-english-button .e-n-menu-title-text {
    font-size: 12px !important;
  }
}/* =========================================================
   GOLEŠ - sakrij mobile-only menu iteme na desktopu/tabletu
   ========================================================= */

@media (min-width: 768px) {
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-contact-button),
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-login-button),
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-partner-button),
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-english-button) {
    display: none !important;
  }
}
/* =========================================================
   GOLEŠ - mobile + tablet menu buttons
   Mobile i tablet isti prikaz, desktop skriveno
   ========================================================= */

/* Desktop: sakrij cijele menu iteme */
@media (min-width: 1025px) {
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-contact-button),
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-login-button),
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-partner-button),
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-english-button) {
    display: none !important;
  }

  #mobile-contact-button,
  #mobile-login-button,
  #mobile-partner-button,
  #mobile-english-button {
    display: none !important;
  }
}

/* Mobile + tablet: prikaži gumbe */
@media (max-width: 1024px) {
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-contact-button),
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-login-button),
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-partner-button),
  .e-n-menu-heading > .e-n-menu-item:has(#mobile-english-button) {
    display: block !important;
  }

  #mobile-contact-button,
  #mobile-login-button,
  #mobile-partner-button,
  #mobile-english-button {
    display: block !important;
    width: 100%;
    margin-top: 0px;
  }

  #mobile-contact-button .e-n-menu-title-container,
  #mobile-login-button .e-n-menu-title-container,
  #mobile-partner-button .e-n-menu-title-container,
  #mobile-english-button .e-n-menu-title-container {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: 200px !important;
    min-height: 38px;
    padding: 8px 18px !important;
    border-radius: 999px;

    background: #BC1823;
    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;

    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
  }

  #mobile-contact-button .e-n-menu-title-container:hover,
  #mobile-contact-button .e-n-menu-title-container:focus,
  #mobile-login-button .e-n-menu-title-container:hover,
  #mobile-login-button .e-n-menu-title-container:focus,
  #mobile-partner-button .e-n-menu-title-container:hover,
  #mobile-partner-button .e-n-menu-title-container:focus,
  #mobile-english-button .e-n-menu-title-container:hover,
  #mobile-english-button .e-n-menu-title-container:focus {
    background: #C39A6B;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(188, 24, 35, 0.18);
  }

  #mobile-contact-button .e-n-menu-title-text,
  #mobile-login-button .e-n-menu-title-text,
  #mobile-partner-button .e-n-menu-title-text,
  #mobile-english-button .e-n-menu-title-text {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
  }

  #mobile-contact-button .e-n-menu-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    line-height: 0;
  }

  #mobile-contact-button .e-n-menu-icon svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
  }

  #mobile-contact-button .icon-active,
  #mobile-contact-button .icon-inactive {
    color: #ffffff !important;
  }

  /* ENG / English kao tekstualni link */
  #mobile-english-button {
    padding-bottom: 15px;
  }

  #mobile-english-button .e-n-menu-title-container {
    justify-content: flex-start;
    width: 200px !important;
    min-height: auto;
    padding: 8px 0 15px 0 !important;

    background: transparent;
    color: #ffffff !important;
    border-radius: 0;
    box-shadow: none;
  }

  #mobile-english-button .e-n-menu-title-container:hover,
  #mobile-english-button .e-n-menu-title-container:focus {
    background: transparent;
    color: #C39A6B !important;
    box-shadow: none;
  }

  #mobile-english-button .e-n-menu-title-text {
    color: inherit !important;
  }
}