/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/
Description: Child theme for Hello Elementor to hold custom functions and styles.
Author: You
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
/* Place your custom CSS below */
:root { /* example tokens */ }
/* Container layout (optional) */
.ewa-archive-toolbar {
display:flex; align-items:center; justify-content:space-between;
gap:16px; margin:12px 0 24px;
}
.ewa-archive-toolbar .woocommerce-result-count { color:#334155; font-size:14px; }
/* Sorting dropdown (native Woo markup) */
.woocommerce-ordering {
position: relative;
}
.woocommerce-ordering select {
appearance: none; -webkit-appearance: none; -moz-appearance: none;
padding: 10px 40px 10px 14px;
border: 1px solid #E5E7EB; /* light gray border */
background: #fff;
border-radius: 10px; /* rounded to match cards/buttons */
font-size: 14px;
line-height: 1.2;
color: #0F172A; /* dark slate text */
min-width: 240px;
box-shadow: 0 2px 8px rgba(0,0,0,.04); /* soft depth like your cards */
transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
/* Custom arrow */
.woocommerce-ordering::after {
content: "";
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-25%) rotate(-90deg);
width: 10px; height: 10px;
pointer-events: none;
background:
linear-gradient(45deg, transparent 50%, #475569 50%) right bottom/6px 6px no-repeat,
linear-gradient(135deg, transparent 50%, #475569 50%) right top/6px 6px no-repeat;
opacity: .8;
}
/* Hover/Focus states */
.woocommerce-ordering select:hover {
border-color: #CBD5E1;
}
.woocommerce-ordering select:focus {
outline: none;
border-color: #38BDF8; /* accent focus (adjust to brand) */
box-shadow: 0 0 0 4px rgba(56,189,248,.15);
}
/* Darken placeholder text if any */
.woocommerce-ordering select:invalid { color:#64748B; }
/* Mobile stacking */
@media (max-width: 768px) {
.ewa-archive-toolbar { flex-direction: column; align-items: stretch; }
.woocommerce-ordering select { width:100%; min-width:0; }
}
/* ===== WooCommerce notices – RKP style ===== */
:root{
--rkp-accent: #DB6924; /* brand accent (orange) */
--rkp-text: #0F172A; /* dark slate text */
--rkp-gray: #E5E7EB; /* light border */
--rkp-info: #0EA5E9; /* info blue */
--rkp-ok: #16A34A; /* success green */
--rkp-bad: #EF4444; /* error red */
--rkp-shadow: 0 8px 24px rgba(0,0,0,.06);
}
/* wrapper spacing */
.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup,
.woocommerce-error,
.woocommerce-message,
.woocommerce-info{ margin: 16px 0; }
/* base look */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info{
position: relative;
padding: 14px 16px;
border: 1px solid var(--rkp-gray);
border-radius: 12px;
box-shadow: var(--rkp-shadow);
background: #fff;
color: var(--rkp-text);
line-height: 1.45;
}
/* Left accent bar by type */
.woocommerce-message{ border-left: 5px solid var(--rkp-ok); }
.woocommerce-info { border-left: 5px solid var(--rkp-info); }
.woocommerce-error { border-left: 5px solid var(--rkp-bad); }
/* Icon before text (SVG, no external font needed) */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{
content:"";
width: 18px; height: 18px; flex: 0 0 18px;
position:absolute; left:14px; top:50%; transform:translateY(-50%);
opacity:.95;
background-size:contain; background-repeat:no-repeat;
}
.woocommerce-message{ padding-left: 42px; }
.woocommerce-info { padding-left: 42px; }
.woocommerce-error { padding-left: 42px; }
.woocommerce-message::before{
background-image: url("data:image/svg+xml;utf8,");
}
.woocommerce-info::before{
background-image: url(\"data:image/svg+xml;utf8,\");
}
.woocommerce-error::before{
background-image: url(\"data:image/svg+xml;utf8,\");
}
/* Links & buttons inside notices */
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a{
color: var(--rkp-accent);
text-decoration: underline;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button{
display:inline-block;
background: var(--rkp-accent);
color:#fff;
border:0;
border-radius: 999px;
padding: 8px 14px;
font-weight: 700;
text-decoration:none;
margin-left: 10px;
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover{
filter: brightness(.95);
}
/* Inline form error tips (checkout, forms) */
.woocommerce form .woocommerce-error,
.woocommerce .woocommerce-form .woocommerce-error{
border-left-color: var(--rkp-bad);
}
/* Mini cart / cart notices spacing */
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-info{
margin-top: 12px;
}
/* Dismiss/close (if a plugin outputs a close button) */
.woocommerce-notices-wrapper .notice-dismiss,
.woocommerce-message .notice-dismiss,
.woocommerce-info .notice-dismiss,
.woocommerce-error .notice-dismiss{
position:absolute; right:10px; top:10px; cursor:pointer;
color:#64748B; background:none; border:0;
}
/* When notices list renders as */
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li{ margin-left: 0; list-style:none; }
/* Optional: align add-to-cart notice content neatly */
.woocommerce-message:has(.button){
display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.wp-block-woocommerce-checkout-order-summary-totals-block {
display: none;
}
.elementor-element-32cefd8 li {
display: inline-block;
margin-right: 10px;
list-style: none;
}
.elementor-element-585bb4f li {
display: inline-block;
margin-right: 10px;
list-style: none;
}
.elementor-element-585bb4f{
display: flex;
direction: rtl;
}
.elementor-element-32cefd8 {
margin-left: 20px;
margin-top: 10px;
}