/* ===================================================== MENU Button size / background / font მოდის რეალური არსებული menu item-ის clone-იდან. ===================================================== */ [data-srb-blog-desktop="1"] .sub-menu, [data-srb-blog-desktop="1"] .wd-dropdown, [data-srb-blog-desktop="1"] .wd-dropdown-menu, [data-srb-blog-desktop="1"] .wd-nav-opener, [data-srb-blog-mobile="1"] .sub-menu, [data-srb-blog-mobile="1"] .wd-dropdown, [data-srb-blog-mobile="1"] .wd-dropdown-menu, [data-srb-blog-mobile="1"] .wd-nav-opener { display: none !important; } .srb-blog-nav-link { align-items: center !important; text-decoration: none !important; } /* * ერთი Blog icon. * ძველი Wishlist icon clone-ში აღარ რჩება. */ .srb-blog-icon-host { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; } .srb-blog-icon-host::before, .srb-blog-icon-host::after { content: none !important; display: none !important; } .srb-blog-icon-host svg { display: block !important; width: 1.1em !important; height: 1.1em !important; max-width: 1.1em !important; max-height: 1.1em !important; margin: 0 !important; padding: 0 !important; fill: currentColor !important; stroke: none !important; } .srb-blog-nav-label { display: inline !important; margin: 0 !important; padding: 0 !important; color: inherit !important; -webkit-text-fill-color: inherit !important; font: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; white-space: nowrap !important; } /* ===================================================== BLOG PAGE WoodMart-ის ზედა Page Title/Breadcrumb ხელუხლებელია. ===================================================== */ body.srb-blog-page .content-layout-wrapper { display: block !important; width: 100% !important; max-width: 100% !important; } body.srb-blog-page .site-content { display: block !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin: 0 !important; /* * Navigation / title-ის შემდეგ * ნორმალური სივრცე. */ padding-top: 28px !important; } body.srb-blog-page .sidebar-container, body.srb-blog-page .wd-sidebar, body.srb-blog-page .area-sidebar-shop { display: none !important; } body.srb-blog-page .site-content > article, body.srb-blog-page .site-content > .page, body.srb-blog-page .entry-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } body.srb-blog-page .main-page-wrapper > .container { width: min( 1320px, calc( 100% - 40px ) ) !important; max-width: 1320px !important; margin-left: auto !important; margin-right: auto !important; } /* ===================================================== BLOG ROOT ===================================================== */ body.srb-blog-page .srb-blog-wrap, body.srb-blog-page .srb-blog-wrap * { box-sizing: border-box; } body.srb-blog-page .srb-blog-wrap { width: 100% !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 0 40px !important; } /* ===================================================== BLOG HEADER — SIMPLE ===================================================== */ body.srb-blog-page .srb-blog-head { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 20px !important; margin: 0 0 22px !important; padding: 0 0 14px !important; border-bottom: 1px solid rgba( 92, 72, 45, .14 ) !important; background: transparent !important; box-shadow: none !important; } body.srb-blog-page .srb-blog-head h2 { margin: 0 0 5px !important; color: #29251f !important; -webkit-text-fill-color: #29251f !important; font-size: 26px !important; font-weight: 780 !important; line-height: 1.2 !important; letter-spacing: -.02em !important; } body.srb-blog-page .srb-blog-head p { max-width: 680px !important; margin: 0 !important; color: #777169 !important; -webkit-text-fill-color: #777169 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.6 !important; } body.srb-blog-page .srb-blog-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 29px !important; padding: 5px 10px !important; border: 1px solid #e8ded0 !important; border-radius: 999px !important; background: #faf7f1 !important; color: #795a31 !important; -webkit-text-fill-color: #795a31 !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; } /* ===================================================== BLOG GRID ===================================================== */ body.srb-blog-page .srb-blog-grid { display: grid !important; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ) !important; gap: 20px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; align-items: stretch !important; } /* ===================================================== BLOG CARD ===================================================== */ body.srb-blog-page .srb-blog-card { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; border: 1px solid #e8e1d7 !important; border-radius: 15px !important; background: #ffffff !important; box-shadow: 0 5px 18px rgba( 26, 21, 15, .035 ) !important; overflow: hidden !important; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important; } @media (hover:hover) { body.srb-blog-page .srb-blog-card:hover { transform: translateY(-2px); border-color: #dbc8a9 !important; box-shadow: 0 10px 25px rgba( 26, 21, 15, .065 ) !important; } } /* ===================================================== IMAGE ===================================================== */ body.srb-blog-page .srb-blog-image { display: block !important; width: 100% !important; aspect-ratio: 16 / 9 !important; margin: 0 !important; padding: 0 !important; background: #f4f1eb !important; overflow: hidden !important; } body.srb-blog-page .srb-blog-image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; object-fit: cover !important; } body.srb-blog-page .srb-blog-placeholder { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; background: linear-gradient( 145deg, #f7f4ee, #eee7dc ) !important; } body.srb-blog-page .srb-blog-placeholder svg { width: 31px !important; height: 31px !important; fill: #a78450 !important; opacity: .72; } /* ===================================================== CARD BODY ===================================================== */ body.srb-blog-page .srb-blog-card-body { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; padding: 15px 16px 17px !important; } body.srb-blog-page .srb-blog-meta { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 9px !important; } body.srb-blog-page .srb-blog-meta span { display: inline-flex !important; align-items: center !important; min-height: 23px !important; padding: 4px 8px !important; border-radius: 999px !important; background: #f7f2e9 !important; color: #86643a !important; -webkit-text-fill-color: #86643a !important; font-size: 9px !important; font-weight: 700 !important; line-height: 1 !important; } body.srb-blog-page .srb-blog-meta time { color: #989189 !important; -webkit-text-fill-color: #989189 !important; font-size: 10px !important; font-weight: 600 !important; } body.srb-blog-page .srb-blog-card h3 { margin: 0 0 8px !important; font-size: 18px !important; font-weight: 760 !important; line-height: 1.35 !important; overflow-wrap: anywhere; } body.srb-blog-page .srb-blog-card h3 a { color: #2c2822 !important; -webkit-text-fill-color: #2c2822 !important; text-decoration: none !important; } body.srb-blog-page .srb-blog-card p { margin: 0 0 14px !important; color: #777169 !important; -webkit-text-fill-color: #777169 !important; font-size: 12.5px !important; font-weight: 500 !important; line-height: 1.65 !important; overflow-wrap: anywhere; } body.srb-blog-page .srb-blog-more { display: inline-flex !important; align-items: center !important; gap: 5px !important; align-self: flex-start !important; margin-top: auto !important; color: #886233 !important; -webkit-text-fill-color: #886233 !important; font-size: 11px !important; font-weight: 750 !important; line-height: 1 !important; text-decoration: none !important; } /* ===================================================== PAGINATION ===================================================== */ body.srb-blog-page .srb-blog-pagination { margin-top: 25px; } body.srb-blog-page .srb-blog-pagination ul.page-numbers { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body.srb-blog-page .srb-blog-pagination li { margin: 0 !important; padding: 0 !important; } body.srb-blog-page .srb-blog-pagination a.page-numbers, body.srb-blog-page .srb-blog-pagination span.page-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 36px !important; height: 36px !important; padding: 0 10px !important; border: 1px solid #e7dfd4 !important; border-radius: 9px !important; background: #ffffff !important; color: #625c55 !important; -webkit-text-fill-color: #625c55 !important; font-size: 11px !important; text-decoration: none !important; } body.srb-blog-page .srb-blog-pagination span.current { background: #29241f !important; border-color: #29241f !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body.srb-blog-page .srb-blog-empty { padding: 44px 20px !important; border: 1px solid #e8e1d7 !important; border-radius: 15px !important; background: #ffffff !important; text-align: center !important; } /* ===================================================== SINGLE ARTICLE ===================================================== */ body.srb-blog-article .content-layout-wrapper { display: block !important; width: 100% !important; } body.srb-blog-article .site-content { display: block !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin: 0 !important; padding-top: 28px !important; } body.srb-blog-article .sidebar-container, body.srb-blog-article .wd-sidebar { display: none !important; } body.srb-blog-article .main-page-wrapper > .container { width: min( 1160px, calc( 100% - 40px ) ) !important; max-width: 1160px !important; margin-left: auto !important; margin-right: auto !important; } body.srb-blog-article article.post, body.srb-blog-article article.type-post, body.srb-blog-article article.article-single-page, body.srb-blog-article .post-single-page { width: 100% !important; max-width: 1040px !important; margin: 0 auto 38px !important; padding: 28px 32px 34px !important; border: 1px solid #e7e0d5 !important; border-radius: 20px !important; background: linear-gradient( 180deg, #ffffff 0%, #fffdfa 100% ) !important; box-shadow: 0 12px 34px rgba( 26, 21, 15, .05 ) !important; box-sizing: border-box; } body.srb-blog-article .entry-header, body.srb-blog-article .article-header { width: 100% !important; max-width: 900px !important; margin: 0 auto 22px !important; padding: 0 !important; } body.srb-blog-article .entry-title, body.srb-blog-article .post-title { margin: 0 0 12px !important; color: #29251f !important; -webkit-text-fill-color: #29251f !important; font-size: clamp( 30px, 4vw, 44px ) !important; font-weight: 800 !important; line-height: 1.16 !important; letter-spacing: -.03em !important; overflow-wrap: anywhere; } body.srb-blog-article .entry-meta, body.srb-blog-article .wd-entry-meta, body.srb-blog-article .post-meta { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 7px 14px !important; color: #918a81 !important; -webkit-text-fill-color: #918a81 !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.4 !important; } body.srb-blog-article .post-img-wrapp, body.srb-blog-article .entry-thumbnail, body.srb-blog-article .post-thumbnail { width: 100% !important; max-width: 940px !important; margin: 0 auto 28px !important; border-radius: 16px !important; overflow: hidden !important; background: #f4f1eb !important; } body.srb-blog-article .post-img-wrapp img, body.srb-blog-article .entry-thumbnail img, body.srb-blog-article .post-thumbnail img { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; border-radius: 16px !important; } body.srb-blog-article .entry-content { width: 100% !important; max-width: 820px !important; margin: 0 auto !important; padding: 0 !important; color: #4d4943 !important; -webkit-text-fill-color: #4d4943 !important; font-size: 16px !important; line-height: 1.9 !important; } body.srb-blog-article .entry-content p { margin: 0 0 20px !important; color: #4d4943 !important; -webkit-text-fill-color: #4d4943 !important; font-size: 16px !important; line-height: 1.9 !important; } body.srb-blog-article .entry-content h2 { margin: 36px 0 14px !important; color: #29251f !important; font-size: 27px !important; font-weight: 780 !important; line-height: 1.3 !important; } body.srb-blog-article .entry-content h3 { margin: 28px 0 12px !important; color: #302b25 !important; font-size: 22px !important; font-weight: 760 !important; line-height: 1.35 !important; } body.srb-blog-article .entry-content img { max-width: 100% !important; height: auto !important; border-radius: 13px !important; } body.srb-blog-article .entry-content blockquote { margin: 26px 0 !important; padding: 18px 20px !important; border: 1px solid #e8dece !important; border-left: 3px solid #a77a3e !important; border-radius: 11px !important; background: #faf7f1 !important; color: #554c40 !important; font-style: normal !important; line-height: 1.75 !important; } /* ===================================================== TABLET ===================================================== */ @media (max-width:1024px) { body.srb-blog-page .srb-blog-grid { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ) !important; } } /* ===================================================== MOBILE ===================================================== */ @media (max-width:767px) { body.srb-blog-page .main-page-wrapper > .container, body.srb-blog-article .main-page-wrapper > .container { width: calc( 100% - 24px ) !important; } body.srb-blog-page .site-content, body.srb-blog-article .site-content { padding-top: 20px !important; } body.srb-blog-page .srb-blog-head { align-items: flex-start !important; gap: 10px !important; margin-bottom: 16px !important; padding-bottom: 12px !important; } body.srb-blog-page .srb-blog-head h2 { font-size: 22px !important; } body.srb-blog-page .srb-blog-head p { max-width: 270px !important; font-size: 11.5px !important; line-height: 1.55 !important; } body.srb-blog-page .srb-blog-count { min-height: 26px !important; padding: 4px 8px !important; font-size: 9px !important; } body.srb-blog-page .srb-blog-grid { grid-template-columns: minmax( 0, 1fr ) !important; gap: 14px !important; } body.srb-blog-page .srb-blog-card { border-radius: 13px !important; } body.srb-blog-page .srb-blog-card-body { padding: 14px !important; } /* SINGLE ARTICLE MOBILE */ body.srb-blog-article article.post, body.srb-blog-article article.type-post, body.srb-blog-article article.article-single-page, body.srb-blog-article .post-single-page { width: 100% !important; max-width: 100% !important; margin: 0 auto 24px !important; padding: 18px 16px 24px !important; border-radius: 15px !important; } body.srb-blog-article .entry-title, body.srb-blog-article .post-title { font-size: 28px !important; line-height: 1.2 !important; } body.srb-blog-article .entry-content, body.srb-blog-article .entry-content p { font-size: 14.5px !important; line-height: 1.8 !important; } body.srb-blog-article .entry-content h2 { font-size: 22px !important; } body.srb-blog-article .entry-content h3 { font-size: 19px !important; } } @media (max-width:430px) { body.srb-blog-page .srb-blog-count { display: none !important; } }