/*
 Theme Name:   Lunna Child Theme
 Theme URI:    http://lunna.axiomthemes.com/
 Description:  Lunna Child Theme
 Author:       AxiomThemes
 Author URI:   http://axiomthemes.com
 Template:     lunna
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  lunna
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* Panel close – stejné na desktopu i mobilu */
.sc_layouts_panel .sc_layouts_panel_close.trx_addons_button_close,
.scheme_dark .sc_layouts_panel_close.trx_addons_button_close {
  background: #852838 !important;      /* zkratka přepíše vše */
  border-color: #852838 !important;
  color: #ffffff !important;            /* barva X – zdroj pro currentColor */

}



/* Pro jistotu i v typickém mobilním breakpointu šablony */
@media (max-width: 767.98px){
  .menu_mobile .sc_layouts_panel_close.trx_addons_button_close,
  .sc_layouts_menu_mobile .sc_layouts_panel_close.trx_addons_button_close {
    background: #852838 !important;
    border-color: #852838 !important;
    color: #ffffff !important;
	right: 20px !important;
  }
}


.mfp-close-icon, .theme_button_close_icon, .trx_addons_button_close_icon {
	font-size: 30px !important;
}





.sticky-ribbon {
  position: fixed;
  top: 40%;
  left: 0;
  z-index: 9999;
  padding: 10px 12px;
  background: #111;
  color: #fff;
  text-decoration: none;
  font: 600 14px/1.1 sans-serif;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}



body#post-3750 .sticky_socials_wrap.sticky-left {
  display: none !important;
}

/* Zrcadlení "Modern" sticky socials na levou stranu */
.sticky_socials_wrap.sticky_socials_modern.sticky-left{
  left: 62px;              /* zrcadlí původní right: 62px */
  right: auto;
  transform-origin: 0 0;   /* z 100% 0 na 0 0 */
  transform: rotate(-90deg) translate(-50%, 0); /* z rotate(90deg) translate(50%,0) */
  z-index: 9999;           /* pro jistotu nad vším */
}

/* Stejné responsivní odsazení jako máš vpravo – jen zrcadlené */
@media (max-width: 1679px){
  .sticky_socials_wrap.sticky_socials_modern.sticky-left{ left: 19px; }
}
@media (max-width: 1439px){
  .sticky_socials_wrap.sticky_socials_modern.sticky-left{ left: 26px; }
}



/* (Volitelné) hover barva textu jako u tebe */
.sticky_socials_wrap.sticky_socials_modern .social_item:hover .social_name{
  color: #852838;
}
/* === PORTFOLIO – Nadpis === */
.sc_blogger_item .sc_blogger_item_title a {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 200 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    text-align: right !important;
    display: block !important;
}

/* === PORTFOLIO – Kategorie === */
.sc_blogger_item .post_meta.sc_blogger_item_meta.post_meta_categories {
    font-family: 'Platipy', serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.69 !important;
    text-align: right !important;
}

/* odkazy kategorií vedle sebe */
.sc_blogger_item .post_meta.sc_blogger_item_meta.post_meta_categories a {
    display: inline !important;
    text-decoration: none !important;
}

/* vlož oddělovač mezi odkazy */
.sc_blogger_item .post_meta.sc_blogger_item_meta.post_meta_categories a + a::before {
    content: " | ";
    margin: 0 .3em;
    font-family: 'Platipy', serif;
    font-weight: 400;
    color: inherit;
}

.top_panel {
	z-index: 99 !important;
	 background-color: transparent !important;
}


/* Scroll to Top – zobraz jen šipku */
.trx_addons_scroll_to_top .scroll_to_top_text {
  display: none !important;
}

/* Volitelné: vycentruj ikonu a dej pevnou velikost tlačítku */
.trx_addons_scroll_to_top {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;   /* uprav podle sebe */
  height: 44px;
  padding: 0;
 bottom: -20px !important;

}



/* Posuň křížek víc doprava – jen na mobilu */
@media (max-width: 767px) {
  .sc_layouts_panel .sc_layouts_panel_close.trx_addons_button_close{
    right: 10px !important;   
     top: 10px !important; 
  }
}



/* 1) Zruš původní křížek, který je kreslený pseudo-prvky */
.sc_layouts_panel_close.trx_addons_button_close:before,
.sc_layouts_panel_close.trx_addons_button_close:after,
.sc_layouts_panel_close.trx_addons_button_close .sc_layouts_panel_close_icon:before,
.sc_layouts_panel_close.trx_addons_button_close .sc_layouts_panel_close_icon:after {
  content: none !important;
}

/* 2) Vlož vlastní SVG jako ikonu */
.sc_layouts_panel_close.trx_addons_button_close .sc_layouts_panel_close_icon{
  display: block;
  width: 49px;                 /* uprav podle potřeby */
  height: 20px;
  margin: 0 auto;              /* vycentruje v 41×41px tlačítku */
  background-image: url('https://jakubkolek.com/wp-content/uploads/2025/09/close-button.svg'); /* změň cestu */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}


.page_wrap:before {
  display: none !important;
}


/* Mailchimp for WP + ThemeREX message box nad footer */
.mc4wp-form .trx_addons_message_box {
  position: relative;   /* musí být něco jiného než static */
  z-index: 10050;
}


/* Posune CELÝ blok headeru dolů vůči okolí */
.page_content_wrap > .post_header_wrap.post_header_wrap_in_header {
  margin-top: 20px !important;
}